#225045 Color

Color Information

HEX	#225045
RGB	34, 80, 69
HSL	166° , 40% , 22%
HSV	166° , 58% , 31%
CMYK	58%, 0%, 14%, 69%

Lighter Shades

#3D655B #577A72 #728F88 #8CA49E #A7B9B5 #C1CECB

Darker Shades

#1E463D #1A3D34 #16332C #122A24 #0E201C #0A1613

Complementary Palette

#1D453B #225045 #441D26 #4F222C #68414A #41695F

Analogous Palette

#293D2E #2D4333 #204B41 #225045 #2D3D43 #3D4C52

Triadic Palette

#1E463D #225045 #461C54 #5C3769 #54461C #4A3E19

Split Complementary Palette

#1F483E #225045 #4F2243 #613856 #4F2E22 #47291F

Square Palette

#1D433A #225045 #302749 #49272F #434F22 #616B45

Tetradic Palette

#1C4239 #225045 #182659 #4F222C #594818 #776942

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225045 contains 34 red, 80 green, and 69 blue.

Contrast Ratio: 9.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.25:1