#BAD3CF

#BAD3CF

Color Values

HEX

#BAD3CF

RGB

186, 211, 207

HSL

170.4, 22.1%, 77.8%

HSV

170.4, 11.8%, 82.7%

CMYK

11.8%, 0.0%, 1.9%, 17.3%

OKLCH

0.8471 0.0274 185.1

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BAD3CF

#D3BABE

Analogous

#BAD3C2

#BACAD3

#BAD3CF

Triadic

#BAD3CF

#CFBAD3

#D3CFBA

Split Complementary

#BAD3CF

#D3BACA

#D3C2BA

Tetradic

#BAD3CF

#C2BAD3

#D3BABE

#CAD3BA

Color Blindness Simulation

Original

#BAD3CF

Protanopia

#C5C5D0

Deuteranopia

#C3C2D0

Tritanopia

#BBD1D1

Achromatopsia

#CDCDCD

CSS Usage

background-color: #BAD3CF;
color: #BAD3CF;
border-color: #BAD3CF;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3E1
300
#B4CFCB
400
#8CB6AF
500
#639C93
600
#4F7D75
700
#40645E
800
#324E49
900
#273A37
950
#192523

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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