#2A504C Color

Color Information

HEX	#2A504C
RGB	42, 80, 76
HSL	174° , 31% , 24%
HSV	174° , 48% , 31%
CMYK	48%, 0%, 5%, 69%

Lighter Shades

#446561 #5D7A77 #778F8C #90A4A2 #AAB9B7 #C3CECD

Darker Shades

#254643 #203D3A #1B3331 #162A28 #11201E #0C1615

Complementary Palette

#244541 #2A504C #452428 #502A2E #69484B #486965

Analogous Palette

#304136 #34463B #274B47 #2A504C #343F46 #414F58

Triadic Palette

#254643 #2A504C #512456 #663E6A #565124 #4C4720

Split Complementary Palette

#264844 #2A504C #502A41 #623F54 #50392A #483326

Square Palette

#234340 #2A504C #3B304A #4A3033 #41502A #5F6C4C

Tetradic Palette

#22423E #2A504C #1F255B #502A2E #5B551F #797447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A504C contains 42 red, 80 green, and 76 blue.

Contrast Ratio: 9.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.3:1