#224700

#224700

Color Values

HEX

#224700

RGB

34, 71, 0

HSL

91.3, 100.0%, 13.9%

HSV

91.3, 100.0%, 27.8%

CMYK

52.1%, 0.0%, 100.0%, 72.2%

OKLCH

0.3561 0.1034 134.7

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#224700

#250047

Analogous

#454700

#004702

#224700

Triadic

#224700

#002247

#470022

Split Complementary

#224700

#020047

#470045

Tetradic

#224700

#004547

#250047

#470200

Color Blindness Simulation

Original

#224700

Protanopia

#323211

Deuteranopia

#302D15

Tritanopia

#241F22

Achromatopsia

#3A3A3A

CSS Usage

background-color: #224700;
color: #224700;
border-color: #224700;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#DAFFB8
300
#BFFF85
400
#9DFF42
500
#7AFF00
600
#62CC00
700
#4EA300
800
#3D8000
900
#2F5C05
950
#1D3A03

Contrast Checker

Text on white

10.66:1

AA Pass AAA Pass

Text on black

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