#2A586E Color

Color Information

HEX#2A586E
RGB42, 88, 110
HSL199° , 45% , 30%
HSV199° , 62% , 43%
CMYK62%, 20%, 0%, 57%

Lighter Shades

#446C7F #5D8091 #7794A2 #90A8B4 #AABCC5 #C3D0D6

Darker Shades

#254D61 #204354 #1B3846 #162E39 #11232C #0C191F

Complementary Palette

#244C5F #2A586E #5F3724 #6F402A #835B48 #486F82

Analogous Palette

#365953 #396059 #275367 #2A586E #394060 #4E536A

Triadic Palette

#254D61 #2A586E #77225C #873D70 #5C7722 #51691E

Split Complementary Palette

#264F63 #2A586E #6F2A37 #7D3F4B #6F622A #645826

Square Palette

#234A5C #2A586E #5D3267 #674332 #376F2A #57864C

Tetradic Palette

#22485A #2A586E #3B1C7D #6F402A #5E7D1C #7B9445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A586E contains 42 red, 88 green, and 110 blue.

Contrast Ratio: 7.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1