#227A75 Color

Color Information

HEX	#227A75
RGB	34, 122, 117
HSL	177° , 56% , 31%
HSV	177° , 72% , 48%
CMYK	72%, 0%, 4%, 52%

Lighter Shades

#3D8A86 #579A96 #72AAA7 #8CBAB7 #A7CAC8 #C1DAD8

Darker Shades

#1E6B67 #1A5D59 #164E4B #123F3D #0E312F #0A2221

Complementary Palette

#1D6965 #227A75 #6A1E22 #7B2327 #8D4245 #418D88

Analogous Palette

#2E6145 #336C4C #20736E #227A75 #33526C #496174

Triadic Palette

#1E6B67 #227A75 #7E1B83 #8D3692 #837E1B #736F18

Split Complementary Palette

#1F6E69 #227A75 #7B2353 #883964 #7B4B23 #6F4420

Square Palette

#1D6662 #227A75 #4B2B73 #732B2E #537B23 #6F9046

Tetradic Palette

#1C6460 #227A75 #151A8A #7B2327 #8A8415 #9F9A3F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227A75 contains 34 red, 122 green, and 117 blue.

Contrast Ratio: 5.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.14:1