#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

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