#045C2F

#045C2F

Color Values

HEX

#045C2F

RGB

4, 92, 47

HSL

149.3, 91.7%, 18.8%

HSV

149.3, 95.7%, 36.1%

CMYK

95.7%, 0.0%, 48.9%, 63.9%

OKLCH

0.417 0.1053 153.1

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#045C2F

#5C0431

Analogous

#055C04

#045C5B

#045C2F

Triadic

#045C2F

#2F045C

#5C2F04

Split Complementary

#045C2F

#5B045C

#5C0405

Tetradic

#045C2F

#04055C

#5C0431

#5C5B04

Color Blindness Simulation

Original

#045C2F

Protanopia

#2A2B3A

Deuteranopia

#251E3C

Tritanopia

#084244

Achromatopsia

#464646

CSS Usage

background-color: #045C2F;
color: #045C2F;
border-color: #045C2F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AFAC0
400
#4AF79F
500
#0BF47D
600
#08C464
700
#079C50
800
#057A3E
900
#085830
950
#05381E

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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