#217C48

#217C48

Color Values

HEX

#217C48

RGB

33, 124, 72

HSL

145.7, 58.0%, 30.8%

HSV

145.7, 73.4%, 48.6%

CMYK

73.4%, 0.0%, 41.9%, 51.4%

OKLCH

0.5205 0.1173 153.6

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#217C48

#7C2155

Analogous

#287C21

#217C76

#217C48

Triadic

#217C48

#48217C

#7C4821

Split Complementary

#217C48

#76217C

#7C2128

Tetradic

#217C48

#21287C

#7C2155

#7C7621

Color Blindness Simulation

Original

#217C48

Protanopia

#484955

Deuteranopia

#433C58

Tritanopia

#265F61

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0D8
300
#9EE5BD
400
#6AD799
500
#36C975
600
#2BA15E
700
#22814B
800
#1B653A
900
#174A2D
950
#0F2F1C

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026