#2A7899 Color

Color Information

HEX#2A7899
RGB42, 120, 153
HSL198° , 57% , 38%
HSV198° , 73% , 60%
CMYK73%, 22%, 0%, 40%

Lighter Shades

#4488A5 #5D98B1 #77A9BE #90B9CA #AAC9D6 #C3D9E2

Darker Shades

#256A87 #205B74 #1B4D62 #163E50 #11303D #0C222B

Complementary Palette

#246784 #2A7899 #834124 #984B2A #A66448 #488BA7

Analogous Palette

#39796D #3D8576 #277190 #2A7899 #3D4B85 #515D8A

Triadic Palette

#256A87 #2A7899 #A2207B #AD3B8B #7BA220 #6C8F1C

Split Complementary Palette

#266C8A #2A7899 #982A40 #A23F53 #98822A #897526

Square Palette

#236581 #2A7899 #7C338E #8E4F33 #40982A #5FA84C

Tetradic Palette

#22627D #2A7899 #4418AA #984B2A #7EAA18 #95B942

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7899 contains 42 red, 120 green, and 153 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.27:1