#21833F

#21833F

Color Values

HEX

#21833F

RGB

33, 131, 63

HSL

138.4, 59.8%, 32.2%

HSV

138.4, 74.8%, 51.4%

CMYK

74.8%, 0.0%, 51.9%, 48.6%

OKLCH

0.5385 0.1359 149.1

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#21833F

#832165

Analogous

#348321

#218370

#21833F

Triadic

#21833F

#3F2183

#833F21

Split Complementary

#21833F

#702183

#832134

Tetradic

#21833F

#213483

#832165

#837021

Color Blindness Simulation

Original

#21833F

Protanopia

#4B4C4F

Deuteranopia

#463E53

Tritanopia

#265C5F

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3FBF6
100
#E4F6EA
200
#C6F1D3
300
#9DE6B4
400
#68D98B
500
#33CC62
600
#29A34E
700
#21823F
800
#1A6631
900
#164B26
950
#0E2F18

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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