#AAD5DA Color

Color Information

HEX#AAD5DA
RGB170, 213, 218
HSL186° , 39% , 76%
HSV186° , 22% , 85%
CMYK22%, 2%, 0%, 15%

Lighter Shades

#B4DADE #BEDFE3 #C9E4E7 #D3E9EC #DDEEF0 #E7F3F5

Darker Shades

#96BBC0 #81A2A6 #6D888C #586F71 #445557 #303C3D

Complementary Palette

#92B7BB #AAD5DA #BB9792 #DAAFAA #DFBAB6 #B6DBDF

Analogous Palette

#A7BEB5 #B6CDC4 #A0C8CD #AAD5DA #B6BFCD #BCC4D2

Triadic Palette

#96BBC0 #AAD5DA #E0A4DA #E4AFDE #DAE0A4 #C0C590

Split Complementary Palette

#99C0C4 #AAD5DA #DAAABD #DEB3C4 #DAC7AA #C4B399

Square Palette

#8FB3B7 #AAD5DA #C5B0D4 #D4B4B0 #BDDAAA #C8E0B8

Tetradic Palette

#8BAFB3 #AAD5DA #A69FE5 #DAAFAA #DEE59F #E4EAB0

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.39:1