#227142 Color

Color Information

HEX#227142
RGB34, 113, 66
HSL144° , 54% , 29%
HSV144° , 70% , 44%
CMYK70%, 0%, 42%, 56%

Lighter Shades

#3D8259 #57936F #72A486 #8CB59D #A7C6B3 #C1D7CA

Darker Shades

#1E633A #1A5632 #16482A #123B22 #0E2D1A #0A2012

Complementary Palette

#1D6139 #227142 #621D47 #722252 #86416A #41855C

Analogous Palette

#325C2D #366331 #206A3E #227142 #31635E #476C68

Triadic Palette

#1E633A #227142 #401B79 #573689 #79401B #6A3818

Split Complementary Palette

#1F663B #227142 #6A2272 #793880 #72222A #671F26

Square Palette

#1D5F37 #227142 #29306A #6A2950 #726A22 #898245

Tetradic Palette

#1C5D36 #227142 #15557F #722252 #7F3F15 #96623F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227142 contains 34 red, 113 green, and 66 blue.

Contrast Ratio: 5.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1