#488F12

#488F12

Color Values

HEX

#488F12

RGB

72, 143, 18

HSL

94.1, 77.6%, 31.6%

HSV

94.1, 87.4%, 56.1%

CMYK

49.7%, 0.0%, 87.4%, 43.9%

OKLCH

0.5809 0.1654 135.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#488F12

#59128F

Analogous

#878F12

#128F1B

#488F12

Triadic

#488F12

#12488F

#8F1248

Split Complementary

#488F12

#1B128F

#8F1287

Tetradic

#488F12

#12878F

#59128F

#8F1B12

Color Blindness Simulation

Original

#488F12

Protanopia

#676730

Deuteranopia

#635D38

Tritanopia

#4C484D

Achromatopsia

#777777

CSS Usage

background-color: #488F12;
color: #488F12;
border-color: #488F12;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D8F7C0
300
#BBF192
400
#97EA57
500
#72E21D
600
#5BB517
700
#499112
800
#39710E
900
#2C520F
950
#1C3409

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

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