#2A4C58 Color

Color Information

HEX#2A4C58
RGB42, 76, 88
HSL196° , 35% , 25%
HSV196° , 52% , 35%
CMYK52%, 14%, 0%, 65%

Lighter Shades

#44616C #5D7780 #778C94 #90A2A8 #AAB7BC #C3CDD0

Darker Shades

#25434D #203A43 #1B3138 #16282E #111E23 #0C1519

Complementary Palette

#24414C #2A4C58 #4A2E23 #563529 #6E5147 #48656F

Analogous Palette

#324340 #364945 #274753 #2A4C58 #363B49 #43495B

Triadic Palette

#25434D #2A4C58 #5C234D #703D62 #4D5C23 #44511F

Split Complementary Palette

#26444F #2A4C58 #562934 #673E48 #564C29 #4D4425

Square Palette

#23404A #2A4C58 #493050 #503830 #345629 #54714B

Tetradic Palette

#223E48 #2A4C58 #301E62 #563529 #50621E #707E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4C58 contains 42 red, 76 green, and 88 blue.

Contrast Ratio: 9.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.22:1