#AFD5DF Color

Color Information

HEX#AFD5DF
RGB175, 213, 223
HSL193° , 43% , 78%
HSV193° , 22% , 87%
CMYK22%, 4%, 0%, 13%

Lighter Shades

#B9DAE3 #C2DFE7 #CCE4EB #D5E9EE #DFEEF2 #E9F3F6

Darker Shades

#9ABBC4 #85A2A9 #70888F #5B6F74 #465559 #313C3E

Complementary Palette

#97B7C0 #AFD5DF #C09F97 #DFB9AF #E3C3BA #BADBE3

Analogous Palette

#ADC2BC #BAD4CC #A5C8D2 #AFD5DF #BAC1D4 #C0C6D8

Triadic Palette

#9ABBC4 #AFD5DF #E5A9D8 #E8B3DD #D8E5A9 #BECA95

Split Complementary Palette

#9EC0C9 #AFD5DF #DFAFBC #E2B7C3 #DFD1AF #C9BC9E

Square Palette

#93B3BB #AFD5DF #CFB4D9 #D9BCB4 #BCDFAF #C7E4BC

Tetradic Palette

#90AFB7 #AFD5DF #B4A5E9 #DFB9AF #DAE9A5 #E1EDB5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFD5DF contains 175 red, 213 green, and 223 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.56:1