#2A3757 Color

Color Information

HEX#2A3757
RGB42, 55, 87
HSL223° , 35% , 25%
HSV223° , 52% , 34%
CMYK52%, 37%, 0%, 66%

Lighter Shades

#444F6B #5D677F #777F93 #9097A8 #AAAFBC #C3C7D0

Darker Shades

#25304D #202A42 #1B2338 #161D2D #111623 #0C0F18

Complementary Palette

#242F4B #2A3757 #4A3F23 #564929 #6E6247 #48536F

Analogous Palette

#324043 #364549 #273452 #2A3757 #3A3649 #48435B

Triadic Palette

#25304D #2A3757 #5C2333 #703D4B #335C23 #2D511F

Split Complementary Palette

#26324E #2A3757 #563329 #67473E #4C5629 #444D25

Square Palette

#232E49 #2A3757 #503049 #504730 #295633 #4B7154

Tetradic Palette

#222D47 #2A3757 #4E1E62 #564929 #31621E #567E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3757 contains 42 red, 55 green, and 87 blue.

Contrast Ratio: 12.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.71:1