#217B48

#217B48

Color Values

HEX

#217B48

RGB

33, 123, 72

HSL

146.0, 57.7%, 30.6%

HSV

146.0, 73.2%, 48.2%

CMYK

73.2%, 0.0%, 41.5%, 51.8%

OKLCH

0.5177 0.1158 153.8

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#217B48

#7B2154

Analogous

#277B21

#217B75

#217B48

Triadic

#217B48

#48217B

#7B4821

Split Complementary

#217B48

#75217B

#7B2127

Tetradic

#217B48

#21277B

#7B2154

#7B7521

Color Blindness Simulation

Original

#217B48

Protanopia

#484954

Deuteranopia

#433C57

Tritanopia

#265E60

Achromatopsia

#646464

CSS Usage

background-color: #217B48;
color: #217B48;
border-color: #217B48;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0D9
300
#9EE5BD
400
#6AD799
500
#36C976
600
#2BA15E
700
#23814B
800
#1B653B
900
#174A2D
950
#0F2E1C

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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