#305602

#305602

Color Values

HEX

#305602

RGB

48, 86, 2

HSL

87.1, 95.5%, 17.3%

HSV

87.1, 97.7%, 33.7%

CMYK

44.2%, 0.0%, 97.7%, 66.3%

OKLCH

0.4087 0.1136 132.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#305602

#280256

Analogous

#565202

#065602

#305602

Triadic

#305602

#023056

#560230

Split Complementary

#305602

#020656

#520256

Tetradic

#305602

#025652

#280256

#560206

Color Blindness Simulation

Original

#305602

Protanopia

#404116

Deuteranopia

#3E3B1B

Tritanopia

#32262A

Achromatopsia

#484848

CSS Usage

background-color: #305602;
color: #305602;
border-color: #305602;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FEF1
100
#EFFCDF
200
#DFFDB9
300
#C7FC87
400
#A9FB47
500
#8BF906
600
#6FC705
700
#59A004
800
#467D03
900
#345A07
950
#213904

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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