#A2BDE3 Color

Color Information

HEX#A2BDE3
RGB162, 189, 227
HSL215° , 54% , 76%
HSV215° , 29% , 89%
CMYK29%, 17%, 0%, 11%

Lighter Shades

#ADC5E6 #B8CDEA #C3D5ED #CFDDF0 #DAE5F4 #E5EDF7

Darker Shades

#8FA6C8 #7B90AD #687991 #546276 #414C5B #2D3540

Complementary Palette

#8BA3C3 #A2BDE3 #C3AB8A #E3C7A1 #E7CFAE #AFC6E7

Analogous Palette

#A3BFC2 #ADD3D7 #98B2D5 #A2BDE3 #B0ADD7 #B6B4DA

Triadic Palette

#8FA6C8 #A2BDE3 #E99BBB #ECA7C3 #BBE99B #A5CD88

Split Complementary Palette

#92AACC #A2BDE3 #E3A6A1 #E6AFAA #DDE3A1 #C7CC91

Square Palette

#889FBF #A2BDE3 #DDA7D8 #DDC6A7 #A1E3A6 #B0E7B4

Tetradic Palette

#859BBA #A2BDE3 #C996EE #E3C7A1 #BAEE96 #C6F1A9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2BDE3 contains 162 red, 189 green, and 227 blue.

Contrast Ratio: 1.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.09:1