#048202

#048202

Color Values

HEX

#048202

RGB

4, 130, 2

HSL

119.1, 97.0%, 25.9%

HSV

119.1, 98.5%, 51.0%

CMYK

96.9%, 0.0%, 98.5%, 49.0%

OKLCH

0.526 0.1777 142.4

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#048202

#800282

Analogous

#448202

#028240

#048202

Triadic

#048202

#020482

#820204

Split Complementary

#048202

#400282

#820244

Tetradic

#048202

#024482

#800282

#824002

Color Blindness Simulation

Original

#048202

Protanopia

#3B3C21

Deuteranopia

#332A28

Tritanopia

#0A393F

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026