#2A5450 Color

Color Information

HEX#2A5450
RGB42, 84, 80
HSL174° , 33% , 25%
HSV174° , 50% , 33%
CMYK50%, 0%, 5%, 67%

Lighter Shades

#446965 #5D7D7A #77928F #90A6A4 #AABBB9 #C3CFCE

Darker Shades

#254A46 #20403D #1B3633 #162C2A #112220 #0C1816

Complementary Palette

#244845 #2A5450 #492528 #552B2F #6D494C #486C69

Analogous Palette

#324339 #36493E #274F4B #2A5450 #364249 #43515B

Triadic Palette

#254A46 #2A5450 #56245B #6A3E6F #5B5624 #504C20

Split Complementary Palette

#264C48 #2A5450 #552B44 #664057 #553C2B #4D3627

Square Palette

#234743 #2A5450 #3D314E #4E3134 #44552B #62704D

Tetradic Palette

#224542 #2A5450 #1F2660 #552B2F #605A1F #7D7847

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5450 contains 42 red, 84 green, and 80 blue.

Contrast Ratio: 8.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1