#467224

#467224

Color Values

HEX

#467224

RGB

70, 114, 36

HSL

93.8, 52.0%, 29.4%

HSV

93.8, 68.4%, 44.7%

CMYK

38.6%, 0.0%, 68.4%, 55.3%

OKLCH

0.5026 0.1186 134.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#467224

#502472

Analogous

#6D7224

#247229

#467224

Triadic

#467224

#244672

#722446

Split Complementary

#467224

#292472

#72246D

Tetradic

#467224

#246D72

#502472

#722924

Color Blindness Simulation

Original

#467224

Protanopia

#595937

Deuteranopia

#56533B

Tritanopia

#484649

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC9
300
#BEE2A2
400
#9AD270
500
#77C23D
600
#5F9B31
700
#4C7C27
800
#3C611F
900
#2E471A
950
#1D2D10

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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