#21501F

#21501F

Color Values

HEX

#21501F

RGB

33, 80, 31

HSL

117.6, 44.1%, 21.8%

HSV

117.6, 61.2%, 31.4%

CMYK

58.8%, 0.0%, 61.2%, 68.6%

OKLCH

0.3857 0.0935 142.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#21501F

#4E1F50

Analogous

#3A501F

#1F5036

#21501F

Triadic

#21501F

#1F2150

#501F21

Split Complementary

#21501F

#361F50

#501F3A

Tetradic

#21501F

#1F3A50

#4E1F50

#50361F

Color Blindness Simulation

Original

#21501F

Protanopia

#35362B

Deuteranopia

#332F2E

Tritanopia

#233436

Achromatopsia

#424242

CSS Usage

background-color: #21501F;
color: #21501F;
border-color: #21501F;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF4
100
#E7F4E6
200
#CDEBCC
300
#A9DDA7
400
#7ACA77
500
#4CB847
600
#3D9339
700
#30762E
800
#265C24
900
#1F441D
950
#132B12

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

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