#047331

#047331

Color Values

HEX

#047331

RGB

4, 115, 49

HSL

144.3, 93.3%, 23.3%

HSV

144.3, 96.5%, 45.1%

CMYK

96.5%, 0.0%, 57.4%, 54.9%

OKLCH

0.4858 0.1343 149.4

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#047331

#730446

Analogous

#0F7304

#047368

#047331

Triadic

#047331

#310473

#733104

Split Complementary

#047331

#680473

#73040F

Tetradic

#047331

#040F73

#730446

#736804

Color Blindness Simulation

Original

#047331

Protanopia

#343541

Deuteranopia

#2E2545

Tritanopia

#0A4E50

Achromatopsia

#575757

CSS Usage

background-color: #047331;
color: #047331;
border-color: #047331;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BAFDD5
300
#89FBB7
400
#49F990
500
#09F669
600
#07C554
700
#059E43
800
#047B34
900
#085929
950
#05381A

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026