#b4a5ff

Color #b4a5ff

A vivid, highly saturated very light blue.

Closest named color Cornflower Blue #6495ed · ΔE 19.56 Nearest Tailwind class violet-300 #c4b4ff · ΔE 4.7

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#b4a5ff

RGB

rgb(180, 165, 255)

HSL

hsl(250, 100%, 82.4%)

HSV / HSB

hsv(250, 35.3%, 100%)

CMYK

cmyk(29.4%, 35.3%, 0%, 0%)

LAB

lab(72.12, 24.68, -42.74)

LCH

lch(72.12, 49.35, 300)

OKLCH

oklch(76.9%, 0.1274, 290.74)

HWB

hwb(250, 64.7%, 0%)

Harmony colors

Complementary

#f0ffa5

Analogous

#a5c3ff

#b4a5ff

#e1a5ff

Triadic

#b4a5ff

#ffb4a5

#a5ffb4

Split-complementary

#b4a5ff

#ffe1a5

#c3ffa5

Tetradic

#b4a5ff

#ffa5f0

#f0ffa5

#a5ffb4

Square

#b4a5ff

#ffa5c3

#f0ffa5

#a5ffe1

Shades

Color #b4a5ff mixed toward black.

#7a5fff

#3f19ff

#2300d2

#17008c

#0c0046

Tints

Color #b4a5ff mixed toward white.

#c1b4ff

#cdc3ff

#dad2ff

#e6e1ff

#f3f0ff

Tones

Color #b4a5ff mixed toward gray.

#b9adf8

#beb4f0

#c3bce9

#c8c3e1

#cdcbda

Accessibility

Aa White text on this color

2.15:1

Aa Black text on this color

9.77:1

Black text reads better on this background (9.77:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#aeaeed · ΔE 4.9

Deuteranopia

#afb0e9 · ΔE 6

Tritanopia

#b3deda · ΔE 28.6

Achromatopsia

#b1b1b1 · ΔE 23.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #b4a5ff;

Tailwind (arbitrary value)

bg-[#b4a5ff]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Medium Purple #9370db

Navy #000080

Lavender #e6e6fa

Frequently asked questions

#b4a5ff (#b4a5ff) is rgb(180, 165, 255) in RGB.

No, #b4a5ff is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #b4a5ff, or check how it holds up for accessibility.

Generate a palette → Check contrast