#227E5F Color

Color Information

HEX#227E5F
RGB34, 126, 95
HSL160° , 58% , 31%
HSV160° , 73% , 49%
CMYK73%, 0%, 25%, 51%

Lighter Shades

#3D8D72 #579D85 #72AC99 #8CBCAC #A7CBBF #C1DBD2

Darker Shades

#1E6F54 #1A6048 #16513D #124231 #0E3226 #0A231B

Complementary Palette

#1D6C52 #227E5F #6C1C37 #7D2140 #8F405B #419075

Analogous Palette

#2C6335 #316D3B #207659 #227E5F #31636D #456C73

Triadic Palette

#1E6F54 #227E5F #611985 #743594 #856119 #755516

Split Complementary Palette

#1F7156 #227E5F #7D216E #8A377D #7D3021 #712B1E

Square Palette

#1D6A50 #227E5F #362975 #752942 #6E7D21 #859245

Tetradic Palette

#1C674E #227E5F #133B8B #7D2140 #8B6313 #A07F3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227E5F contains 34 red, 126 green, and 95 blue.

Contrast Ratio: 4.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.25:1