#ABDDF2 Color

Color Information

HEX#ABDDF2
RGB171, 221, 242
HSL198° , 73% , 81%
HSV198° , 29% , 95%
CMYK29%, 9%, 0%, 5%

Lighter Shades

#B5E1F4 #BFE5F5 #C9E9F7 #D3EDF8 #DDF1FA #E7F5FB

Darker Shades

#96C2D5 #82A8B8 #6D8D9B #59737E #445861 #303E44

Complementary Palette

#93BED0 #ABDDF2 #D0A593 #F2C0AB #F4C9B7 #B7E2F4

Analogous Palette

#ABD3CB #B5E8DE #A1D0E3 #ABDDF2 #B5BFE8 #BDC6EB

Triadic Palette

#96C2D5 #ABDDF2 #F7A6DF #F8B1E3 #DFF7A6 #C4D992

Split Complementary Palette

#9AC7DA #ABDDF2 #F2ABB9 #F3B3C0 #F2E4AB #DACD9A

Square Palette

#90BACB #ABDDF2 #E1B0ED #EDC2B0 #B9F2AB #C4F4B8

Tetradic Palette

#8CB5C6 #ABDDF2 #BDA2FB #F2C0AB #E0FBA2 #E6FCB3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ABDDF2 contains 171 red, 221 green, and 242 blue.

Contrast Ratio: 1.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.49:1