#305229

#305229

Color Values

HEX

#305229

RGB

48, 82, 41

HSL

109.8, 33.3%, 24.1%

HSV

109.8, 50.0%, 32.2%

CMYK

41.5%, 0.0%, 50.0%, 67.8%

OKLCH

0.4012 0.0769 140.2

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#305229

#4B2952

Analogous

#445229

#295236

#305229

Triadic

#305229

#293052

#522930

Split Complementary

#305229

#362952

#522944

Tetradic

#305229

#294452

#4B2952

#523629

Color Blindness Simulation

Original

#305229

Protanopia

#3F3F33

Deuteranopia

#3D3A35

Tritanopia

#323B3C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D3E7CF
300
#B4D6AD
400
#8CC081
500
#63AA55
600
#508844
700
#406D36
800
#32552B
900
#273F22
950
#192815

Contrast Checker

Text on white

8.88:1

AA Pass AAA Pass

Text on black

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