#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026