#217222

#217222

Color Values

HEX

#217222

RGB

33, 114, 34

HSL

120.7, 55.1%, 28.8%

HSV

120.7, 71.1%, 44.7%

CMYK

71.1%, 0.0%, 70.2%, 55.3%

OKLCH

0.4861 0.1386 143.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#217222

#722171

Analogous

#487221

#21724A

#217222

Triadic

#217222

#222172

#722221

Split Complementary

#217222

#4A2172

#722148

Tetradic

#217222

#214872

#722171

#724A21

Color Blindness Simulation

Original

#217222

Protanopia

#444535

Deuteranopia

#3F393A

Tritanopia

#254548

Achromatopsia

#5B5B5B

CSS Usage

background-color: #217222;
color: #217222;
border-color: #217222;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E5F6E5
200
#C8EFC8
300
#A0E4A1
400
#6DD56E
500
#39C63B
600
#2E9E2F
700
#257F26
800
#1D631D
900
#184819
950
#0F2E10

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026