#ABDFF2 Color

Color Information

HEX#ABDFF2
RGB171, 223, 242
HSL196° , 73% , 81%
HSV196° , 29% , 95%
CMYK29%, 8%, 0%, 5%

Lighter Shades

#B5E3F4 #BFE7F5 #C9EBF7 #D3EEF8 #DDF2FA #E7F6FB

Darker Shades

#96C4D5 #82A9B8 #6D8F9B #59747E #445961 #303E44

Complementary Palette

#93C0D0 #ABDFF2 #D0A393 #F2BEAB #F4C7B7 #B7E3F4

Analogous Palette

#ABD3C9 #B5E8DC #A1D2E3 #ABDFF2 #B5C1E8 #BDC7EB

Triadic Palette

#96C4D5 #ABDFF2 #F7A6E1 #F8B1E5 #E1F7A6 #C6D992

Split Complementary Palette

#9AC9DA #ABDFF2 #F2ABBC #F3B3C3 #F2E1AB #DACB9A

Square Palette

#90BBCB #ABDFF2 #DFB0ED #EDC0B0 #BCF2AB #C7F4B8

Tetradic Palette

#8CB7C6 #ABDFF2 #BAA2FB #F2BEAB #E3FBA2 #E8FCB3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ABDFF2 contains 171 red, 223 green, and 242 blue.

Contrast Ratio: 1.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.7:1