#33994B

#33994B

Color Values

HEX

#33994B

RGB

51, 153, 75

HSL

134.1, 50.0%, 40.0%

HSV

134.1, 66.7%, 60.0%

CMYK

66.7%, 0.0%, 51.0%, 40.0%

OKLCH

0.6057 0.1479 147.9

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#33994B

#993381

Analogous

#4E9933

#33997E

#33994B

Triadic

#33994B

#4B3399

#994B33

Split Complementary

#33994B

#7E3399

#99334E

Tetradic

#33994B

#334E99

#993381

#997E33

Color Blindness Simulation

Original

#33994B

Protanopia

#5F605E

Deuteranopia

#595262

Tritanopia

#386D70

Achromatopsia

#7E7E7E

CSS Usage

background-color: #33994B;
color: #33994B;
border-color: #33994B;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF6
100
#E6F5E9
200
#C9EDD2
300
#A3E0B2
400
#71D088
500
#40BF5E
600
#33994B
700
#297A3C
800
#20602F
900
#1B4625
950
#112C17

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.8:1

AA Pass 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