#AAAAD5 Color

Color Information

HEX#AAAAD5
RGB170, 170, 213
HSL240° , 34% , 75%
HSV240° , 20% , 84%
CMYK20%, 20%, 0%, 16%

Lighter Shades

#B4B4DA #BEBEDF #C9C9E4 #D3D3E9 #DDDDEE #E7E7F3

Darker Shades

#9696BB #8181A2 #6D6D88 #58586F #444455 #30303C

Complementary Palette

#9292B7 #AAAAD5 #B7B792 #D5D5AA #DBDBB6 #B6B6DB

Analogous Palette

#A4B0BC #B6BFC9 #A0A0C8 #AAAAD5 #BFB6C9 #C4BCCD

Triadic Palette

#9696BB #AAAAD5 #DBA3A3 #DFAEAE #A3DBA3 #8FC18F

Split Complementary Palette

#9999C0 #AAAAD5 #D5BFAA #D9C5B3 #BFD5AA #ACC099

Square Palette

#8F8FB3 #AAAAD5 #CFB0BF #CFCFB0 #AAD5BF #B8DCC9

Tetradic Palette

#8B8BAF #AAAAD5 #E09EE0 #D5D5AA #9EE09E #AFE6AF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AAAAD5 contains 170 red, 170 green, and 213 blue.

Contrast Ratio: 2.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.58:1