#BAD3CD

#BAD3CD

Color Values

HEX

#BAD3CD

RGB

186, 211, 205

HSL

165,6, 22,1%, 77,8%

HSV

165,6, 11,8%, 82,7%

CMYK

11,8%, 0,0%, 2,8%, 17,3%

OKLCH

0,8465 0,028 179,6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BAD3CD

#D3BAC0

Analogous

#BAD3C0

#BACCD3

#BAD3CD

Triadic

#BAD3CD

#CDBAD3

#D3CDBA

Split Complementary

#BAD3CD

#D3BACC

#D3C0BA

Tetradic

#BAD3CD

#C0BAD3

#D3BAC0

#CCD3BA

Color Blindness Simulation

Original

#BAD3CD

Protanopia

#C5C5CE

Deuteranopia

#C3C2CF

Tritanopia

#BBD0D0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3DF
300
#B4CFC9
400
#8CB6AB
500
#639C8E
600
#4F7D72
700
#40645B
800
#324E47
900
#273A35
950
#192522

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,29:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026