#305102

#305102

Color Values

HEX

#305102

RGB

48, 81, 2

HSL

85.1, 95.2%, 16.3%

HSV

85.1, 97.5%, 31.8%

CMYK

40.7%, 0.0%, 97.5%, 68.2%

OKLCH

0.3941 0.107 131.5

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#305102

#230251

Analogous

#514B02

#085102

#305102

Triadic

#305102

#023051

#510230

Split Complementary

#305102

#020851

#4B0251

Tetradic

#305102

#02514B

#230251

#510208

Color Blindness Simulation

Original

#305102

Protanopia

#3E3F15

Deuteranopia

#3C3A1A

Tritanopia

#322428

Achromatopsia

#444444

CSS Usage

background-color: #305102;
color: #305102;
border-color: #305102;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FEF1
100
#F0FCDF
200
#E1FDB9
300
#CBFC88
400
#AFFA47
500
#93F906
600
#76C705
700
#5E9F04
800
#4A7C03
900
#375A07
950
#233904

Contrast Checker

Text on white

9.12:1

AA Pass AAA Pass

Text on black

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