#2D7333

#2D7333

Color Values

HEX

#2D7333

RGB

45, 115, 51

HSL

125.1, 43.8%, 31.4%

HSV

125.1, 60.9%, 45.1%

CMYK

60.9%, 0.0%, 55.7%, 54.9%

OKLCH

0.4951 0.1201 145.0

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#2D7333

#732D6D

Analogous

#4A732D

#2D7356

#2D7333

Triadic

#2D7333

#332D73

#73332D

Split Complementary

#2D7333

#562D73

#732D4A

Tetradic

#2D7333

#2D4A73

#732D6D

#73562D

Color Blindness Simulation

Original

#2D7333

Protanopia

#4B4C42

Deuteranopia

#474246

Tritanopia

#304F51

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E8
200
#CCEBCE
300
#A7DDAC
400
#77CA7E
500
#48B751
600
#399341
700
#2E7534
800
#245C29
900
#1D4421
950
#132B15

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026