#305A2F

#305A2F

Color Values

HEX

#305A2F

RGB

48, 90, 47

HSL

118.6, 31.4%, 26.9%

HSV

118.6, 47.8%, 35.3%

CMYK

46.7%, 0.0%, 47.8%, 64.7%

OKLCH

0.425 0.0836 143.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#305A2F

#592F5A

Analogous

#465A2F

#2F5A44

#305A2F

Triadic

#305A2F

#2F305A

#5A2F30

Split Complementary

#305A2F

#442F5A

#5A2F46

Tetradic

#305A2F

#2F465A

#592F5A

#5A442F

Color Blindness Simulation

Original

#305A2F

Protanopia

#424339

Deuteranopia

#403D3C

Tritanopia

#324243

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E9F2E8
200
#D1E7D0
300
#AFD5AF
400
#84BE83
500
#59A857
600
#478646
700
#396B38
800
#2D542C
900
#233E23
950
#162716

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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