#048804

#048804

Color Values

HEX

#048804

RGB

4, 136, 4

HSL

120.0, 94.3%, 27.5%

HSV

120.0, 97.1%, 53.3%

CMYK

97.1%, 0.0%, 97.1%, 46.7%

OKLCH

0.5435 0.1832 142.5

Properties

Cool Dark Nearest: green 4

Color Harmonies

Complementary

#048804

#880488

Analogous

#468804

#048846

#048804

Triadic

#048804

#040488

#880404

Split Complementary

#048804

#460488

#880446

Tetradic

#048804

#044688

#880488

#884604

Color Blindness Simulation

Original

#048804

Protanopia

#3D3E24

Deuteranopia

#362C2C

Tritanopia

#0B3D43

Achromatopsia

#626262

CSS Usage

background-color: #048804;
color: #048804;
border-color: #048804;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FDF1
100
#DFFBDF
200
#BAFDBA
300
#88FC88
400
#48FA48
500
#07F807
600
#06C606
700
#059F05
800
#047C04
900
#075A07
950
#053905

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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