#2A5C74 Color

Color Information

HEX#2A5C74
RGB42, 92, 116
HSL199° , 47% , 31%
HSV199° , 64% , 45%
CMYK64%, 21%, 0%, 55%

Lighter Shades

#447085 #5D8395 #7797A6 #90AAB7 #AABEC7 #C3D1D8

Darker Shades

#255166 #204658 #1B3B4A #16303C #11252E #0C1A20

Complementary Palette

#244F64 #2A5C74 #643824 #74412A #875C48 #487387

Analogous Palette

#365E57 #3A645D #27566D #2A5C74 #3A4264 #4C526B

Triadic Palette

#255166 #2A5C74 #7C2260 #8C3D73 #607C22 #546D1E

Split Complementary Palette

#265368 #2A5C74 #742A38 #823F4C #74672A #685D26

Square Palette

#234D61 #2A5C74 #62326C #6C4432 #38742A #588A4C

Tetradic Palette

#224B5F #2A5C74 #3C1C82 #74412A #62821C #7E9945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C74 contains 42 red, 92 green, and 116 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1