#048712

#048712

Color Values

HEX

#048712

RGB

4, 135, 18

HSL

126.4, 94.2%, 27.3%

HSV

126.4, 97.0%, 52.9%

CMYK

97.0%, 0.0%, 86.7%, 47.1%

OKLCH

0.5411 0.1781 143.3

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#048712

#870479

Analogous

#388704

#048754

#048712

Triadic

#048712

#120487

#871204

Split Complementary

#048712

#540487

#870438

Tetradic

#048712

#043887

#870479

#875404

Color Blindness Simulation

Original

#048712

Protanopia

#3D3E2E

Deuteranopia

#352B35

Tritanopia

#0B454A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFDC1
300
#88FB94
400
#48FA5B
500
#07F821
600
#06C61A
700
#059E15
800
#047C11
900
#075A10
950
#05390A

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

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