#488716

#488716

Color Values

HEX

#488716

RGB

72, 135, 22

HSL

93.5, 72.0%, 30.8%

HSV

93.5, 83.7%, 52.9%

CMYK

46.7%, 0.0%, 83.7%, 47.1%

OKLCH

0.5595 0.1541 135.2

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#488716

#551687

Analogous

#808716

#16871D

#488716

Triadic

#488716

#164887

#871648

Split Complementary

#488716

#1D1687

#871680

Tetradic

#488716

#168087

#551687

#871D16

Color Blindness Simulation

Original

#488716

Protanopia

#636431

Deuteranopia

#605B38

Tritanopia

#4B474C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C2
300
#BDEE96
400
#99E55D
500
#75DB24
600
#5DAF1D
700
#4B8C17
800
#3A6E12
900
#2D5011
950
#1C320B

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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