#458518

#458518

Color Values

HEX

#458518

RGB

69, 133, 24

HSL

95.2, 69.4%, 30.8%

HSV

95.2, 82.0%, 52.2%

CMYK

48.1%, 0.0%, 82.0%, 47.8%

OKLCH

0.5527 0.1522 135.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#458518

#581885

Analogous

#7C8518

#188521

#458518

Triadic

#458518

#184585

#851845

Split Complementary

#458518

#211885

#85187C

Tetradic

#458518

#187C85

#581885

#852118

Color Blindness Simulation

Original

#458518

Protanopia

#616132

Deuteranopia

#5D5839

Tritanopia

#48474C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E3
200
#D7F4C3
300
#BAEC97
400
#95E25F
500
#70D827
600
#5AAD1F
700
#488A19
800
#386C14
900
#2B4F12
950
#1B320B

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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