#B8CCFE

#B8CCFE

Color Values

HEX

#B8CCFE

RGB

184, 204, 254

HSL

222.9, 97.2%, 85.9%

HSV

222.9, 27.6%, 99.6%

CMYK

27.6%, 19.7%, 0.0%, 0.4%

OKLCH

0.8473 0.0735 267.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B8CCFE

#FEEAB8

Analogous

#B8EFFE

#C7B8FE

#B8CCFE

Triadic

#B8CCFE

#FEB8CC

#CCFEB8

Split Complementary

#B8CCFE

#FEC7B8

#EFFEB8

Tetradic

#B8CCFE

#FEB8EF

#FEEAB8

#B8FEC7

Color Blindness Simulation

Original

#B8CCFE

Protanopia

#C1C1F2

Deuteranopia

#C0BEEF

Tritanopia

#B9E8E6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CCFE
300
#86A8FD
400
#4579FC
500
#044AFB
600
#033BC9
700
#022FA1
800
#02257E
900
#061E5B
950
#041339

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.11:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026