#BAD3D2

#BAD3D2

Color Values

HEX

#BAD3D2

RGB

186, 211, 210

HSL

177.6, 22.1%, 77.8%

HSV

177.6, 11.8%, 82.7%

CMYK

11.8%, 0.0%, 0.5%, 17.3%

OKLCH

0.848 0.0268 193.7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BAD3D2

#D3BABB

Analogous

#BAD3C5

#BAC7D3

#BAD3D2

Triadic

#BAD3D2

#D2BAD3

#D3D2BA

Split Complementary

#BAD3D2

#D3BAC7

#D3C5BA

Tetradic

#BAD3D2

#C5BAD3

#D3BABB

#C7D3BA

Color Blindness Simulation

Original

#BAD3D2

Protanopia

#C5C5D2

Deuteranopia

#C3C2D2

Tritanopia

#BBD2D2

Achromatopsia

#CECECE

CSS Usage

background-color: #BAD3D2;
color: #BAD3D2;
border-color: #BAD3D2;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#EAF1F0
200
#D3E3E3
300
#B4CFCE
400
#8CB6B4
500
#639C99
600
#4F7D7B
700
#406462
800
#324E4D
900
#273A39
950
#192524

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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