#305301

#305301

Color Values

HEX

#305301

RGB

48, 83, 1

HSL

85.6, 97.6%, 16.5%

HSV

85.6, 98.8%, 32.5%

CMYK

42.2%, 0.0%, 98.8%, 67.5%

OKLCH

0.3999 0.1102 131.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#305301

#240153

Analogous

#534D01

#075301

#305301

Triadic

#305301

#013053

#530130

Split Complementary

#305301

#010753

#4D0153

Tetradic

#305301

#01534D

#240153

#530107

Color Blindness Simulation

Original

#305301

Protanopia

#3F3F15

Deuteranopia

#3D3A1A

Tritanopia

#322528

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#E0FEB8
300
#CBFE86
400
#AEFD45
500
#92FC03
600
#75CA02
700
#5DA102
800
#497E02
900
#375B06
950
#233904

Contrast Checker

Text on white

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