#A2CAD0 Color

Color Information

HEX#A2CAD0
RGB162, 202, 208
HSL188° , 33% , 73%
HSV188° , 22% , 82%
CMYK22%, 3%, 0%, 18%

Lighter Shades

#ADD0D6 #B8D7DB #C3DDE1 #CFE3E7 #DAEAEC #E5F0F2

Darker Shades

#8FB2B7 #7B9A9E #688185 #54696C #415153 #2D393A

Complementary Palette

#8BAEB3 #A2CAD0 #B4918C #D1A9A3 #D7B5B0 #AFD1D7

Analogous Palette

#9EB7AF #B0C4BD #98BEC4 #A2CAD0 #B0B7C4 #B6BDC9

Triadic Palette

#8FB2B7 #A2CAD0 #D89DD0 #DDA9D6 #D0D89D #B7BE8A

Split Complementary Palette

#92B6BB #A2CAD0 #D1A3B4 #D6ACBC #D1C0A3 #BCAD93

Square Palette

#88AAAF #A2CAD0 #BEAACA #CAAFAA #B4D1A3 #C0D8B2

Tetradic Palette

#85A6AB #A2CAD0 #A097DD #D1A9A3 #D4DD97 #DCE3AA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2CAD0 contains 162 red, 202 green, and 208 blue.

Contrast Ratio: 1.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.06:1