#2A5C6F Color

Color Information

HEX#2A5C6F
RGB42, 92, 111
HSL197° , 45% , 30%
HSV197° , 62% , 44%
CMYK62%, 17%, 0%, 56%

Lighter Shades

#447080 #5D8392 #7797A3 #90AAB4 #AABEC5 #C3D1D7

Darker Shades

#255162 #204654 #1B3B47 #16303A #11252C #0C1A1F

Complementary Palette

#244F5F #2A5C6F #5F3524 #6F3E2A #835948 #487383

Analogous Palette

#365952 #396057 #275668 #2A5C6F #394260 #4E546A

Triadic Palette

#255162 #2A5C6F #77225F #873D72 #5F7722 #54691E

Split Complementary Palette

#265364 #2A5C6F #6F2A39 #7D3F4D #6F602A #645626

Square Palette

#234D5D #2A5C6F #5C3267 #674132 #396F2A #59864C

Tetradic Palette

#224B5B #2A5C6F #381C7D #6F3E2A #617D1C #7D9445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C6F contains 42 red, 92 green, and 111 blue.

Contrast Ratio: 7.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1