#2782A0 Color

Color Information

HEX	#2782A0
RGB	39, 130, 160
HSL	195° , 61% , 39%
HSV	195° , 76% , 63%
CMYK	76%, 19%, 0%, 37%

Lighter Shades

#4191AB #5BA0B7 #75AFC2 #8FBECE #A9CDD9 #C3DCE4

Darker Shades

#22728D #1E637A #195366 #144453 #103440 #0B242D

Complementary Palette

#22708A #2782A0 #8A3B22 #A04527 #AD5F45 #4594AD

Analogous Palette

#36816F #3B8C78 #257A96 #2782A0 #3B4F8C #4F5F92

Triadic Palette

#22728D #2782A0 #AA1D87 #B43895 #87AA1D #77961A

Split Complementary Palette

#237590 #2782A0 #A02745 #AA3D58 #A08227 #907523

Square Palette

#216D86 #2782A0 #7D3196 #964A31 #45A027 #63AF4A

Tetradic Palette

#206B83 #2782A0 #3C15B2 #A04527 #8BB215 #A0C03F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2782A0 contains 39 red, 130 green, and 160 blue.

Contrast Ratio: 4.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.84:1