#BAD2DE Color

Color Information

HEX#BAD2DE
RGB186, 210, 222
HSL200° , 35% , 80%
HSV200° , 16% , 87%
CMYK16%, 5%, 0%, 13%

Lighter Shades

#C2D7E2 #CBDDE6 #D3E2EA #DBE8EE #E3EDF2 #ECF2F6

Darker Shades

#A4B9C3 #8DA0A9 #77868E #616D73 #4A5459 #343B3E

Complementary Palette

#A0B5BF #BAD2DE #BFAAA0 #DEC6BA #E3CEC4 #C4D8E3

Analogous Palette

#B3C7C4 #C4D4D1 #AFC5D1 #BAD2DE #C4C7D4 #CACCD8

Triadic Palette

#A4B9C3 #BAD2DE #E3B5D4 #E6BED9 #D4E3B5 #BBC89F

Split Complementary Palette

#A7BDC8 #BAD2DE #DEBAC0 #E1C1C6 #DED8BA #C8C2A7

Square Palette

#9CB0BA #BAD2DE #D5BFD9 #D9C8BF #C0DEBA #CAE3C5

Tetradic Palette

#99ACB6 #BAD2DE #C3B1E7 #DEC6BA #D5E7B1 #DDEBBF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD2DE contains 186 red, 210 green, and 222 blue.

Contrast Ratio: 1.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.52:1