#467522

#467522

Color Values

HEX

#467522

RGB

70, 117, 34

HSL

94.0, 55.0%, 29.6%

HSV

94.0, 70.9%, 45.9%

CMYK

40.2%, 0.0%, 70.9%, 54.1%

OKLCH

0.5105 0.1244 134.3

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#467522

#512275

Analogous

#6F7522

#227528

#467522

Triadic

#467522

#224675

#752246

Split Complementary

#467522

#282275

#75226F

Tetradic

#467522

#226F75

#512275

#752822

Color Blindness Simulation

Original

#467522

Protanopia

#5A5B36

Deuteranopia

#58543B

Tritanopia

#484649

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EFC8
300
#BDE3A0
400
#9AD56D
500
#76C639
600
#5F9E2E
700
#4C7E25
800
#3B631D
900
#2D4818
950
#1D2E0F

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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