#217D48

#217D48

Color Values

HEX

#217D48

RGB

33, 125, 72

HSL

145.4, 58.2%, 31.0%

HSV

145.4, 73.6%, 49.0%

CMYK

73.6%, 0.0%, 42.4%, 51.0%

OKLCH

0.5233 0.1187 153.4

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#217D48

#7D2156

Analogous

#287D21

#217D76

#217D48

Triadic

#217D48

#48217D

#7D4821

Split Complementary

#217D48

#76217D

#7D2128

Tetradic

#217D48

#21287D

#7D2156

#7D7621

Color Blindness Simulation

Original

#217D48

Protanopia

#494A55

Deuteranopia

#443D58

Tritanopia

#265F61

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0D8
300
#9EE5BC
400
#6AD898
500
#35CA74
600
#2BA15D
700
#22814A
800
#1B653A
900
#174A2D
950
#0F2F1C

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09: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