#AFD2DE Color

Color Information

HEX#AFD2DE
RGB175, 210, 222
HSL195° , 42% , 78%
HSV195° , 21% , 87%
CMYK21%, 5%, 0%, 13%

Lighter Shades

#B9D7E2 #C2DDE6 #CCE2EA #D5E8EE #DFEDF2 #E9F2F6

Darker Shades

#9AB9C3 #85A0A9 #70868E #5B6D73 #465459 #313B3E

Complementary Palette

#97B5BF #AFD2DE #BFA197 #DEBBAF #E3C5BA #BAD8E3

Analogous Palette

#ADC2BD #BBD3CD #A5C5D1 #AFD2DE #BBC1D3 #C1C6D7

Triadic Palette

#9AB9C3 #AFD2DE #E4AAD6 #E7B4DB #D6E4AA #BCC996

Split Complementary Palette

#9EBDC8 #AFD2DE #DEAFBB #E1B7C2 #DED3AF #C8BE9E

Square Palette

#93B0BA #AFD2DE #D0B5D9 #D9BEB5 #BBDEAF #C6E3BC

Tetradic Palette

#90ACB6 #AFD2DE #B6A5E9 #DEBBAF #D9E9A5 #E0EDB5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFD2DE contains 175 red, 210 green, and 222 blue.

Contrast Ratio: 1.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.25:1