#2A4D61 Color

Color Information

HEX	#2A4D61
RGB	42, 77, 97
HSL	202° , 40% , 27%
HSV	202° , 57% , 38%
CMYK	57%, 21%, 0%, 62%

Lighter Shades

#446274 #5D7887 #778D9A #90A2AD #AAB8C0 #C3CDD3

Darker Shades

#254455 #203B4A #1B313E #162832 #111F27 #0C161B

Complementary Palette

#244253 #2A4D61 #533523 #603E29 #765947 #486677

Analogous Palette

#334D4A #37534F #27485B #2A4D61 #373B53 #484B61

Triadic Palette

#254455 #2A4D61 #67224E #793D63 #4E6722 #455B1E

Split Complementary Palette

#264557 #2A4D61 #602931 #703E46 #605929 #565025

Square Palette

#234151 #2A4D61 #54305A #5A4030 #316029 #52794B

Tetradic Palette

#223F50 #2A4D61 #3C1D6D #603E29 #4F6D1D #6F8746

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4D61 contains 42 red, 77 green, and 97 blue.

Contrast Ratio: 9.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1