#55A2D2 Color

Color Information

HEX#55A2D2
RGB85, 162, 210
HSL203° , 58% , 58%
HSV203° , 60% , 82%
CMYK60%, 23%, 0%, 18%

Lighter Shades

#69ADD7 #7EB8DD #92C3E2 #A7CFE8 #BBDAED #CFE5F2

Darker Shades

#4B8FB9 #417BA0 #366886 #2C546D #224154 #182D3B

Complementary Palette

#498BB5 #55A2D2 #B5724A #D28556 #D8966E #6DAFD8

Analogous Palette

#66A9A1 #6BBDB3 #5098C5 #55A2D2 #6B75BD #7981C3

Triadic Palette

#4B8FB9 #55A2D2 #DD4BA5 #E161B0 #A5DD4B #91C242

Split Complementary Palette

#4D92BD #55A2D2 #D25664 #D76774 #D2C456 #BDB04D

Square Palette

#4788B0 #55A2D2 #BB60C7 #C78860 #64D256 #7DD971

Tetradic Palette

#4685AC #55A2D2 #8143E5 #D28556 #A7E543 #B7EA65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #55A2D2 contains 85 red, 162 green, and 210 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1