#BAD0B3

#BAD0B3

Color Values

HEX

#BAD0B3

RGB

186, 208, 179

HSL

105.5, 23.6%, 75.9%

HSV

105.5, 13.9%, 81.6%

CMYK

10.6%, 0.0%, 13.9%, 18.4%

OKLCH

0.8332 0.0463 138.1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BAD0B3

#C9B3D0

Analogous

#C9D0B3

#B3D0BB

#BAD0B3

Triadic

#BAD0B3

#B3BAD0

#D0B3BA

Split Complementary

#BAD0B3

#BBB3D0

#D0B3C9

Tetradic

#BAD0B3

#B3C9D0

#C9B3D0

#D0BBB3

Color Blindness Simulation

Original

#BAD0B3

Protanopia

#C4C4BA

Deuteranopia

#C2C1BC

Tritanopia

#BBC0C1

Achromatopsia

#C9C9C9

CSS Usage

background-color: #BAD0B3;
color: #BAD0B3;
border-color: #BAD0B3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F7F9F6
100
#EBF1EA
200
#D7E4D3
300
#BAD0B3
400
#95B78A
500
#709E61
600
#5A7E4E
700
#48653E
800
#384F31
900
#2B3B26
950
#1B2518

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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