#2A555F Color

Color Information

HEX#2A555F
RGB42, 85, 95
HSL191° , 39% , 27%
HSV191° , 56% , 37%
CMYK56%, 11%, 0%, 63%

Lighter Shades

#446972 #5D7E85 #779299 #90A7AC #AABBBF #C3CFD2

Darker Shades

#254B54 #204148 #1B363D #162C31 #112226 #0C181B

Complementary Palette

#244952 #2A555F #532D24 #60342A #765048 #486D75

Analogous Palette

#344C45 #38524A #275059 #2A555F #384052 #485061

Triadic Palette

#254B54 #2A555F #67235A #793D6E #5A6723 #4F5B1F

Split Complementary Palette

#264D56 #2A555F #602A3B #703F4F #604F2A #564726

Square Palette

#234750 #2A555F #4C3159 #593831 #3B602A #5A794C

Tetradic Palette

#22464E #2A555F #2C1E6C #60342A #5E6C1E #7B8647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A555F contains 42 red, 85 green, and 95 blue.

Contrast Ratio: 8.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1