#A2DCE5 Color

Color Information

HEX#A2DCE5
RGB162, 220, 229
HSL188° , 56% , 77%
HSV188° , 29% , 90%
CMYK29%, 4%, 0%, 10%

Lighter Shades

#ADE0E8 #B8E4EB #C3E9EE #CFEDF1 #DAF1F5 #E5F5F8

Darker Shades

#8FC2CA #7BA7AE #688D93 #547277 #41585C #2D3E40

Complementary Palette

#8BBDC5 #A2DCE5 #C5948D #E5ACA4 #E9B8B1 #AFE1E9

Analogous Palette

#A6C5B9 #AFD9CA #98CFD7 #A2DCE5 #AFBFD9 #B6C4DD

Triadic Palette

#8FC2CA #A2DCE5 #EB9EE1 #EDAAE5 #E1EB9E #C6CF8B

Split Complementary Palette

#92C6CE #A2DCE5 #E5A4BC #E8ADC3 #E5CDA4 #CEB994

Square Palette

#88B9C0 #A2DCE5 #CCA9DF #DFB0A9 #BCE5A4 #C7E9B3

Tetradic Palette

#85B4BC #A2DCE5 #A399F0 #E5ACA4 #E4F099 #E9F3AB

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2DCE5 contains 162 red, 220 green, and 229 blue.

Contrast Ratio: 1.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.04:1