#047333

#047333

Color Values

HEX

#047333

RGB

4, 115, 51

HSL

145.4, 93.3%, 23.3%

HSV

145.4, 96.5%, 45.1%

CMYK

96.5%, 0.0%, 55.7%, 54.9%

OKLCH

0.4861 0.1325 150.0

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#047333

#730444

Analogous

#0C7304

#04736A

#047333

Triadic

#047333

#330473

#733304

Split Complementary

#047333

#6A0473

#73040C

Tetradic

#047333

#040C73

#730444

#736A04

Color Blindness Simulation

Original

#047333

Protanopia

#343542

Deuteranopia

#2E2546

Tritanopia

#0A4F51

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFDD6
300
#89FBB9
400
#49F993
500
#09F66D
600
#07C557
700
#059E46
800
#047B37
900
#08592A
950
#05381B

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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