#BACFE6

#BACFE6

Color Values

HEX

#BACFE6

RGB

186, 207, 230

HSL

211.4, 46.8%, 81.6%

HSV

211.4, 19.1%, 90.2%

CMYK

19.1%, 10.0%, 0.0%, 9.8%

OKLCH

0.8461 0.0394 250.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BACFE6

#E6D1BA

Analogous

#BAE5E6

#BBBAE6

#BACFE6

Triadic

#BACFE6

#E6BACF

#CFE6BA

Split Complementary

#BACFE6

#E6BBBA

#E5E6BA

Tetradic

#BACFE6

#E6BAE5

#E6D1BA

#BAE6BB

Color Blindness Simulation

Original

#BACFE6

Protanopia

#C3C3E0

Deuteranopia

#C2C0DF

Tritanopia

#BBDCDB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #BACFE6;
color: #BACFE6;
border-color: #BACFE6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDBEC
300
#A5C0DE
400
#749FCD
500
#447DBB
600
#366496
700
#2B5078
800
#223E5E
900
#1C2F45
950
#121E2B

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.16: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