#AFD4F2 Color

Color Information

HEX#AFD4F2
RGB175, 212, 242
HSL207° , 72% , 82%
HSV207° , 28% , 95%
CMYK28%, 12%, 0%, 5%

Lighter Shades

#B9D9F4 #C2DEF5 #CCE3F7 #D5E9F8 #DFEEFA #E9F3FB

Darker Shades

#9ABBD5 #85A1B8 #70889B #5B6E7E #465561 #313B44

Complementary Palette

#97B6D0 #AFD4F2 #D0B197 #F2CEB0 #F4D5BB #BADAF4

Analogous Palette

#ADD2D0 #B9E9E7 #A5C7E3 #AFD4F2 #B9BCE9 #BDBFEA

Triadic Palette

#9ABBD5 #AFD4F2 #F7ABD5 #F8B5DA #D5F7AB #BBD996

Split Complementary Palette

#9EBFDA #AFD4F2 #F2B0B3 #F3B8BB #F2EFB0 #DAD79E

Square Palette

#93B2CB #AFD4F2 #EBB5EE #EECEB5 #B3F2B0 #BFF4BD

Tetradic Palette

#90AEC6 #AFD4F2 #CDA8FA #F2CEB0 #D5FAA8 #DDFBB8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFD4F2 contains 175 red, 212 green, and 242 blue.

Contrast Ratio: 1.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.67:1