#BACCD3

#BACCD3

Color Values

HEX

#BACCD3

RGB

186, 204, 211

HSL

196.8, 22.1%, 77.8%

HSV

196.8, 11.8%, 82.7%

CMYK

11.8%, 3.3%, 0.0%, 17.3%

OKLCH

0.8337 0.0219 223.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BACCD3

#D3C1BA

Analogous

#BAD3CD

#BABFD3

#BACCD3

Triadic

#BACCD3

#D3BACC

#CCD3BA

Split Complementary

#BACCD3

#D3BABF

#D3CDBA

Tetradic

#BACCD3

#CDBAD3

#D3C1BA

#BFD3BA

Color Blindness Simulation

Original

#BACCD3

Protanopia

#C2C2D1

Deuteranopia

#C1BFD1

Tritanopia

#BBD0D0

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE3
300
#B4C8CF
400
#8CAAB6
500
#638C9C
600
#4F707D
700
#405A64
800
#32464E
900
#27353A
950
#192125

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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