#048F02

#048F02

Color Values

HEX

#048F02

RGB

4, 143, 2

HSL

119.1, 97.2%, 28.4%

HSV

119.1, 98.6%, 56.1%

CMYK

97.2%, 0.0%, 98.6%, 43.9%

OKLCH

0.5636 0.1907 142.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#048F02

#8D028F

Analogous

#4B8F02

#028F46

#048F02

Triadic

#048F02

#02048F

#8F0204

Split Complementary

#048F02

#46028F

#8F024B

Tetradic

#048F02

#024B8F

#8D028F

#8F4602

Color Blindness Simulation

Original

#048F02

Protanopia

#404124

Deuteranopia

#382E2C

Tritanopia

#0B3F45

Achromatopsia

#676767

CSS Usage

background-color: #048F02;
color: #048F02;
border-color: #048F02;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F1FEF1
100
#DFFCDE
200
#BAFEB9
300
#88FD86
400
#48FC45
500
#07FB04
600
#06C903
700
#05A102
800
#047E02
900
#075B06
950
#053904

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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