#2A7882 Color

Color Information

HEX#2A7882
RGB42, 120, 130
HSL187° , 51% , 34%
HSV187° , 68% , 51%
CMYK68%, 8%, 0%, 49%

Lighter Shades

#448891 #5D98A0 #77A9AF #90B9BE #AAC9CD #C3D9DC

Darker Shades

#256A72 #205B63 #1B4D53 #163E44 #113034 #0C2224

Complementary Palette

#246770 #2A7882 #712E24 #83352A #945148 #488B94

Analogous Palette

#376855 #3C725D #27717A #2A7882 #3C5072 #4F5F78

Triadic Palette

#256A72 #2A7882 #8C227F #9A3D8E #7F8C22 #707B1E

Split Complementary Palette

#266C75 #2A7882 #832A4C #8F3F5E #83612A #765726

Square Palette

#23656D #2A7882 #5F337A #7A3B33 #4C832A #69974C

Tetradic Palette

#22626B #2A7882 #291B93 #83352A #85931B #9BA644

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7882 contains 42 red, 120 green, and 130 blue.

Contrast Ratio: 5.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.13:1