#225554 Color

Color Information

HEX#225554
RGB34, 85, 84
HSL179° , 43% , 23%
HSV179° , 60% , 33%
CMYK60%, 0%, 1%, 67%

Lighter Shades

#3D6969 #577E7D #729292 #8CA7A6 #A7BBBB #C1CFCF

Darker Shades

#1E4B4A #1A4140 #163636 #122C2C #0E2222 #0A1818

Complementary Palette

#1D4948 #225554 #481C1D #542122 #6C4041 #416D6C

Analogous Palette

#294235 #2D493A #20504F #225554 #2D3B49 #3F4A55

Triadic Palette

#1E4B4A #225554 #591B5A #6D366E #5A591B #4F4E18

Split Complementary Palette

#1F4D4C #225554 #54213B #65374F #543A21 #4C341E

Square Palette

#1D4747 #225554 #3A274F #4F2727 #3B5421 #5A6F45

Tetradic Palette

#1C4645 #225554 #16175F #542122 #5F5E16 #7C7B40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225554 contains 34 red, 85 green, and 84 blue.

Contrast Ratio: 8.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.45:1