#AFD4FD Color

Color Information

HEX#AFD4FD
RGB175, 212, 253
HSL212° , 95% , 84%
HSV212° , 31% , 99%
CMYK31%, 16%, 0%, 1%

Lighter Shades

#B9D9FD #C2DEFD #CCE3FE #D5E9FE #DFEEFE #E9F3FE

Darker Shades

#9ABBDF #85A1C0 #7088A2 #5B6E84 #465565 #313B47

Complementary Palette

#97B6DA #AFD4FD #DABB97 #FDD9AF #FDDEBA #BADAFD

Analogous Palette

#ACDBDD #B8F3F5 #A5C7EE #AFD4FD #BAB8F5 #BFBCF5

Triadic Palette

#9ABBDF #AFD4FD #FFADD3 #FFB7D8 #D3FFAD #BAE098

Split Complementary Palette

#9EBFE4 #AFD4FD #FDB2AF #FDBAB7 #FAFDAF #E1E49E

Square Palette

#93B2D5 #AFD4FD #F9B4F7 #F9D9B4 #AFFDB2 #BCFDBE

Tetradic Palette

#90AECF #AFD4FD #D9ADFF #FDD9AF #D3FFAD #DBFFBC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFD4FD contains 175 red, 212 green, and 253 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.8:1