#304C29

#304C29

Color Values

HEX

#304C29

RGB

48, 76, 41

HSL

108.0, 29.9%, 22.9%

HSV

108.0, 46.1%, 29.8%

CMYK

36.8%, 0.0%, 46.1%, 70.2%

OKLCH

0.3842 0.0663 139.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#304C29

#45294C

Analogous

#414C29

#294C33

#304C29

Triadic

#304C29

#29304C

#4C2930

Split Complementary

#304C29

#33294C

#4C2941

Tetradic

#304C29

#29414C

#45294C

#4C3329

Color Blindness Simulation

Original

#304C29

Protanopia

#3C3C31

Deuteranopia

#3A3834

Tritanopia

#31383A

Achromatopsia

#444444

CSS Usage

background-color: #304C29;
color: #304C29;
border-color: #304C29;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D5E6D1
300
#B7D4B0
400
#90BD84
500
#69A659
600
#548448
700
#436A39
800
#34532D
900
#293D23
950
#1A2716

Contrast Checker

Text on white

9.58:1

AA Pass AAA Pass

Text on black

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