#B4CAFF

#B4CAFF

Color Values

HEX

#B4CAFF

RGB

180, 202, 255

HSL

222.4, 100.0%, 85.3%

HSV

222.4, 29.4%, 100.0%

CMYK

29.4%, 20.8%, 0.0%, 0.0%

OKLCH

0.8409 0.0783 267.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B4CAFF

#FFE9B4

Analogous

#B4F0FF

#C4B4FF

#B4CAFF

Triadic

#B4CAFF

#FFB4CA

#CAFFB4

Split Complementary

#B4CAFF

#FFC4B4

#F0FFB4

Tetradic

#B4CAFF

#FFB4F0

#FFE9B4

#B4FFC4

Color Blindness Simulation

Original

#B4CAFF

Protanopia

#BEBEF2

Deuteranopia

#BCBBEF

Tritanopia

#B5E8E6

Achromatopsia

#C9C9C9

CSS Usage

background-color: #B4CAFF;
color: #B4CAFF;
border-color: #B4CAFF;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85A9FF
400
#427AFF
500
#004BFF
600
#003CCC
700
#0030A3
800
#002580
900
#051E5C
950
#03133A

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026