#225522 Color

Color Information

HEX#225522
RGB34, 85, 34
HSL120° , 43% , 23%
HSV120° , 60% , 33%
CMYK60%, 0%, 60%, 67%

Lighter Shades

#3D693D #577E57 #729272 #8CA78C #A7BBA7 #C1CFC1

Darker Shades

#1E4B1E #1A411A #163616 #122C12 #0E220E #0A180A

Complementary Palette

#1D491D #225522 #481C48 #542154 #6C406C #416D41

Analogous Palette

#364229 #3B492D #205020 #225522 #2D493B #3F554A

Triadic Palette

#1E4B1E #225522 #1B1B5A #36366E #5A1B1B #4F1818

Split Complementary Palette

#1F4D1F #225522 #3B2154 #4F3765 #54213B #4C1E35

Square Palette

#1D471D #225522 #273B4F #4F274F #543B21 #6F5A45

Tetradic Palette

#1C461C #225522 #165F5F #542154 #5F1616 #7C4040

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1