#218333

#218333

Color Values

HEX

#218333

RGB

33, 131, 51

HSL

131.0, 59.8%, 32.2%

HSV

131.0, 74.8%, 51.4%

CMYK

74.8%, 0.0%, 61.1%, 48.6%

OKLCH

0.5367 0.1468 146.0

Properties

Cool Dark Nearest: springgreen 4

Color Harmonies

Complementary

#218333

#832171

Analogous

#408321

#218364

#218333

Triadic

#218333

#332183

#833321

Split Complementary

#218333

#642183

#832140

Tetradic

#218333

#214083

#832171

#836421

Color Blindness Simulation

Original

#218333

Protanopia

#4B4C46

Deuteranopia

#463E4B

Tritanopia

#265659

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F6E7
200
#C6F1CE
300
#9DE6AB
400
#68D97D
500
#33CC4F
600
#29A33F
700
#218233
800
#1A6628
900
#164B20
950
#0E2F14

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026