#BAD5D2 Color

Color Information

HEX#BAD5D2
RGB186, 213, 210
HSL173° , 24% , 78%
HSV173° , 13% , 84%
CMYK13%, 0%, 1%, 16%

Lighter Shades

#C2DAD7 #CBDFDD #D3E4E2 #DBE9E8 #E3EEED #ECF3F2

Darker Shades

#A4BBB9 #8DA2A0 #778886 #616F6D #4A5554 #343C3B

Complementary Palette

#A0B7B5 #BAD5D2 #B69FA3 #D4B9BD #DAC3C6 #C4DBD8

Analogous Palette

#ADC2B5 #BECFC5 #AFC8C5 #BAD5D2 #BEC9CF #C4CED4

Triadic Palette

#A4BBB9 #BAD5D2 #D6B4DA #DBBDDE #DAD6B4 #C0BC9E

Split Complementary Palette

#A7C0BD #BAD5D2 #D4B9CA #D8C0CF #D4C4B9 #BFB0A7

Square Palette

#9CB3B0 #BAD5D2 #C5BECF #CFBEC1 #CAD4B9 #D2DBC4

Tetradic Palette

#99AFAC #BAD5D2 #AFB6DE #D4B9BD #DED9AF #E4E0BD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD5D2 contains 186 red, 213 green, and 210 blue.

Contrast Ratio: 1.53:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 13.69:1