#467B22

#467B22

Color Values

HEX

#467B22

RGB

70, 123, 34

HSL

95,7, 56,7%, 30,8%

HSV

95,7, 72,4%, 48,2%

CMYK

43,1%, 0,0%, 72,4%, 51,8%

OKLCH

0,5268 0,1327 135,3

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#467B22

#57227B

Analogous

#737B22

#227B2A

#467B22

Triadic

#467B22

#22467B

#7B2246

Split Complementary

#467B22

#2A227B

#7B2273

Tetradic

#467B22

#22737B

#57227B

#7B2A22

Color Blindness Simulation

Original

#467B22

Protanopia

#5D5D38

Deuteranopia

#5A563D

Tritanopia

#49494C

Achromatopsia

#696969

CSS Usage

background-color: #467B22;
color: #467B22;
border-color: #467B22;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#D7F0C7
300
#BBE59F
400
#96D66B
500
#72C837
600
#5BA02C
700
#498023
800
#39641C
900
#2C4918
950
#1C2E0F

Contrast Checker

Text on white

5,1:1

AA Pass AAA Fail

Text on black

4,12: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