#AAD2FD Color

Color Information

HEX#AAD2FD
RGB170, 210, 253
HSL211° , 95% , 83%
HSV211° , 33% , 99%
CMYK33%, 17%, 0%, 1%

Lighter Shades

#B4D7FD #BEDDFD #C9E2FE #D3E8FE #DDEDFE #E7F2FE

Darker Shades

#96B9DF #81A0C0 #6D86A2 #586D84 #445465 #303B47

Complementary Palette

#92B5DA #AAD2FD #DAB792 #FDD5AA #FDDBB6 #B6D8FD

Analogous Palette

#A7DBDD #B3F3F4 #A0C5EE #AAD2FD #B4B3F4 #BAB8F5

Triadic Palette

#96B9DF #AAD2FD #FFA8D2 #FFB2D7 #D2FFA8 #B9E094

Split Complementary Palette

#99BDE4 #AAD2FD #FDACAA #FDB4B3 #FBFDAA #E2E499

Square Palette

#8FB0D5 #AAD2FD #F8AFF7 #F8D5AF #AAFDAC #B8FDB9

Tetradic Palette

#8BACCF #AAD2FD #D5A8FF #FDD5AA #D2FFA8 #DAFFB8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AAD2FD contains 170 red, 210 green, and 253 blue.

Contrast Ratio: 1.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.49:1