#218237

#218237

Color Values

HEX

#218237

RGB

33, 130, 55

HSL

133,6, 59,5%, 32,0%

HSV

133,6, 74,6%, 51,0%

CMYK

74,6%, 0,0%, 57,7%, 49,0%

OKLCH

0,5344 0,1419 147,0

Properties

Cool Dark Nearest: springgreen 4

Color Harmonies

Complementary

#218237

#82216C

Analogous

#3C8221

#218268

#218237

Triadic

#218237

#372182

#823721

Split Complementary

#218237

#682182

#82213C

Tetradic

#218237

#213C82

#82216C

#826821

Color Blindness Simulation

Original

#218237

Protanopia

#4B4C49

Deuteranopia

#453E4E

Tritanopia

#26575B

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F6E8
200
#C6F1D0
300
#9DE6AE
400
#69D982
500
#34CB56
600
#29A345
700
#218237
800
#1A662B
900
#174A22
950
#0E2F16

Contrast Checker

Text on white

4,87:1

AA Pass AAA Fail

Text on black

4,31: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