#AACDE2 Color

Color Information

HEX#AACDE2
RGB170, 205, 226
HSL203° , 49% , 78%
HSV203° , 25% , 89%
CMYK25%, 9%, 0%, 11%

Lighter Shades

#B4D3E5 #BED9E9 #C9DFEC #D3E5F0 #DDEBF3 #E7F1F7

Darker Shades

#96B4C7 #819CAC #6D8391 #586B76 #44525A #30393F

Complementary Palette

#92B0C2 #AACDE2 #C2A593 #E2C0AB #E6C9B7 #B6D4E6

Analogous Palette

#ADC2C0 #B7D7D3 #A0C1D4 #AACDE2 #B7BBD7 #BEC1DA

Triadic Palette

#96B4C7 #AACDE2 #E8A6CF #EBB1D5 #CFE8A6 #B6CC92

Split Complementary Palette

#99B9CB #AACDE2 #E2ABB2 #E5B3BA #E2DCAB #CBC69A

Square Palette

#8FACBE #AACDE2 #D8B1DD #DDC2B1 #B2E2AB #BEE7B8

Tetradic Palette

#8BA8B9 #AACDE2 #BEA1EC #E2C0AB #D0ECA1 #D8EFB2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AACDE2 contains 170 red, 205 green, and 226 blue.

Contrast Ratio: 1.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.7:1