#2A4B5B Color

Color Information

HEX#2A4B5B
RGB42, 75, 91
HSL200° , 37% , 26%
HSV200° , 54% , 36%
CMYK54%, 18%, 0%, 64%

Lighter Shades

#44616F #5D7682 #778C96 #90A1AA #AAB7BD #C3CDD1

Darker Shades

#254250 #203945 #1B303A #16272F #111E24 #0C1519

Complementary Palette

#24414E #2A4B5B #4E3224 #5B3A2A #725648 #486472

Analogous Palette

#334844 #374E4A #274756 #2A4B5B #373B4E #45495E

Triadic Palette

#254250 #2A4B5B #61234C #743D61 #4C6123 #43551F

Split Complementary Palette

#264452 #2A4B5B #5B2A32 #6B3F47 #5B532A #524B26

Square Palette

#233F4C #2A4B5B #4E3054 #543C30 #325B2A #53754C

Tetradic Palette

#223E4B #2A4B5B #361E67 #5B3A2A #4D671E #6D8247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4B5B contains 42 red, 75 green, and 91 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1