#216314

#216314

Color Values

HEX

#216314

RGB

33, 99, 20

HSL

110.1, 66.4%, 23.3%

HSV

110.1, 79.8%, 38.8%

CMYK

66.7%, 0.0%, 79.8%, 61.2%

OKLCH

0.441 0.129 140.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#216314

#561463

Analogous

#486314

#14632E

#216314

Triadic

#216314

#142163

#631421

Split Complementary

#216314

#2E1463

#631448

Tetradic

#216314

#144863

#561463

#632E14

Color Blindness Simulation

Original

#216314

Protanopia

#3E3E27

Deuteranopia

#3A352C

Tritanopia

#24363A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #216314;
color: #216314;
border-color: #216314;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F4FCF3
100
#E6F7E3
200
#CBF3C4
300
#A7EA99
400
#77DF62
500
#47D42B
600
#39AA22
700
#2D881B
800
#236A15
900
#1D4D13
950
#12310C

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

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