#A2ABCC Color

Color Information

HEX	#A2ABCC
RGB	162, 171, 204
HSL	227° , 29% , 72%
HSV	227° , 21% , 80%
CMYK	21%, 16%, 0%, 20%

Lighter Shades

#ADB5D2 #B8BFD8 #C3C9DE #CFD3E4 #DADDEB #E5E7F1

Darker Shades

#8F96B4 #7B829B #686D83 #54596A #414452 #2D3039

Complementary Palette

#8B93AF #A2ABCC #AFA88C #CCC3A3 #D3CBB0 #AFB7D3

Analogous Palette

#9BAEB5 #ADBDC2 #98A1C0 #A2ABCC #B3ADC2 #B8B3C7

Triadic Palette

#8F96B4 #A2ABCC #D39CA8 #D8A8B2 #A8D39C #94BA89

Split Complementary Palette

#929AB8 #A2ABCC #CCAFA3 #D1B7AC #C1CCA3 #AEB893

Square Palette

#8890AB #A2ABCC #C5AABE #C5BFAA #A3CCAF #B2D4BC

Tetradic Palette

#858CA7 #A2ABCC #CB96D9 #CCC3A3 #A5D996 #B5E0A9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2ABCC contains 162 red, 171 green, and 204 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.39:1