#045024

#045024

Color Values

HEX

#045024

RGB

4, 80, 36

HSL

145.3, 90.5%, 16.5%

HSV

145.3, 95.0%, 31.4%

CMYK

95.0%, 0.0%, 55.0%, 68.6%

OKLCH

0.3782 0.0996 150.9

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#045024

#500430

Analogous

#0A5004

#04504A

#045024

Triadic

#045024

#240450

#502404

Split Complementary

#045024

#4A0450

#50040A

Tetradic

#045024

#040A50

#500430

#504A04

Color Blindness Simulation

Original

#045024

Protanopia

#25262F

Deuteranopia

#201B31

Tritanopia

#083739

Achromatopsia

#3D3D3D

CSS Usage

background-color: #045024;
color: #045024;
border-color: #045024;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BBFCD6
300
#8AF9B9
400
#4BF693
500
#0CF36D
600
#0AC258
700
#089B46
800
#067937
900
#09582A
950
#06381B

Contrast Checker

Text on white

9.64:1

AA Pass AAA Pass

Text on black

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