#214F24

#214F24

Color Values

HEX

#214F24

RGB

33, 79, 36

HSL

123.9, 41.1%, 22.0%

HSV

123.9, 58.2%, 31.0%

CMYK

58.2%, 0.0%, 54.4%, 69.0%

OKLCH

0.3835 0.0867 144.9

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#214F24

#4F214C

Analogous

#354F21

#214F3B

#214F24

Triadic

#214F24

#24214F

#4F2421

Split Complementary

#214F24

#3B214F

#4F2135

Tetradic

#214F24

#21354F

#4F214C

#4F3B21

Color Blindness Simulation

Original

#214F24

Protanopia

#35352E

Deuteranopia

#322F31

Tritanopia

#233738

Achromatopsia

#424242

CSS Usage

background-color: #214F24;
color: #214F24;
border-color: #214F24;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEACF
300
#A9DBAC
400
#7AC77F
500
#4BB452
600
#3C9042
700
#307334
800
#265A29
900
#1F4221
950
#132A15

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

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