#2A586C Color

Color Information

HEX	#2A586C
RGB	42, 88, 108
HSL	198° , 44% , 29%
HSV	198° , 61% , 42%
CMYK	61%, 19%, 0%, 58%

Lighter Shades

#446C7E #5D808F #7794A1 #90A8B3 #AABCC4 #C3D0D6

Darker Shades

#254D5F #204352 #1B3845 #162E38 #11232B #0C191E

Complementary Palette

#244C5D #2A586C #5B3423 #6A3D29 #7F5847 #486F81

Analogous Palette

#34554F #385C55 #275366 #2A586C #383F5C #4C5167

Triadic Palette

#254D5F #2A586C #72225A #833D6E #5A7222 #4F641E

Split Complementary Palette

#264F61 #2A586C #6A2936 #793E4A #6A5D29 #5F5425

Square Palette

#234A5B #2A586C #593163 #634031 #366A29 #56824B

Tetradic Palette

#224859 #2A586C #381C78 #6A3D29 #5C781C #799045

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A586C contains 42 red, 88 green, and 108 blue.

Contrast Ratio: 7.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1