#045202

#045202

Color Values

HEX

#045202

RGB

4, 82, 2

HSL

118,5, 95,2%, 16,5%

HSV

118,5, 97,6%, 32,2%

CMYK

95,1%, 0,0%, 97,6%, 67,8%

OKLCH

0,3809 0,1272 142,3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#045202

#500252

Analogous

#2C5202

#025228

#045202

Triadic

#045202

#020452

#520204

Split Complementary

#045202

#280252

#52022C

Tetradic

#045202

#022C52

#500252

#522802

Color Blindness Simulation

Original

#045202

Protanopia

#262615

Deuteranopia

#211B1A

Tritanopia

#082528

Achromatopsia

#3C3C3C

CSS Usage

background-color: #045202;
color: #045202;
border-color: #045202;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#BBFDB9
300
#8AFC88
400
#4BFA47
500
#0CF906
600
#0AC705
700
#089F04
800
#067C03
900
#095A07
950
#063904

Contrast Checker

Text on white

9,49:1

AA Pass AAA Pass

Text on black

2,21:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026