#A2D3DD Color

Color Information

HEX#A2D3DD
RGB162, 211, 221
HSL190° , 46% , 75%
HSV190° , 27% , 87%
CMYK27%, 5%, 0%, 13%

Lighter Shades

#ADD8E1 #B8DEE5 #C3E3E9 #CFE8ED #DAEDF1 #E5F3F5

Darker Shades

#8FBAC2 #7BA0A8 #68878D #546E73 #415458 #2D3B3E

Complementary Palette

#8BB5BE #A2D3DD #BE948B #DDACA2 #E2B8AF #AFD9E2

Analogous Palette

#A4BCB4 #AFD0C5 #98C6D0 #A2D3DD #AFB9D0 #B5BFD4

Triadic Palette

#8FBAC2 #A2D3DD #E39CD7 #E6A8DC #D7E39C #BDC889

Split Complementary Palette

#92BEC7 #A2D3DD #DDA2B5 #E0ABBC #DDC9A2 #C7B592

Square Palette

#88B1BA #A2D3DD #C7A8D6 #D6B0A8 #B5DDA2 #C1E2B1

Tetradic Palette

#85ADB5 #A2D3DD #A496E8 #DDACA2 #DAE896 #E1ECA9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2D3DD contains 162 red, 211 green, and 221 blue.

Contrast Ratio: 1.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.05:1