#BCC6EF

#BCC6EF

Color Values

HEX

#BCC6EF

RGB

188, 198, 239

HSL

228.2, 61.4%, 83.7%

HSV

228.2, 21.3%, 93.7%

CMYK

21.3%, 17.2%, 0.0%, 6.3%

OKLCH

0.8324 0.0586 274.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCC6EF

#EFE5BC

Analogous

#BCDFEF

#CBBCEF

#BCC6EF

Triadic

#BCC6EF

#EFBCC6

#C6EFBC

Split Complementary

#BCC6EF

#EFCBBC

#DFEFBC

Tetradic

#BCC6EF

#EFBCDF

#EFE5BC

#BCEFCB

Color Blindness Simulation

Original

#BCC6EF

Protanopia

#C0C0E5

Deuteranopia

#C0BFE3

Tritanopia

#BCDDDC

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C5CEF1
300
#9CABE7
400
#677EDB
500
#3150CE
600
#2740A5
700
#1F3384
800
#192867
900
#16204B
950
#0E1430

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026