#306702

#306702

Color Values

HEX

#306702

RGB

48, 103, 2

HSL

92.7, 96.2%, 20.6%

HSV

92.7, 98.1%, 40.4%

CMYK

53.4%, 0.0%, 98.1%, 59.6%

OKLCH

0.4578 0.1349 136.0

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#306702

#390267

Analogous

#636702

#026707

#306702

Triadic

#306702

#023067

#670230

Split Complementary

#306702

#070267

#670263

Tetradic

#306702

#026367

#390267

#670702

Color Blindness Simulation

Original

#306702

Protanopia

#48481A

Deuteranopia

#454020

Tritanopia

#332E32

Achromatopsia

#545454

CSS Usage

background-color: #306702;
color: #306702;
border-color: #306702;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FEF1
100
#ECFCDF
200
#D8FEB9
300
#BDFD87
400
#98FB46
500
#74FA05
600
#5DC804
700
#4BA003
800
#3A7D02
900
#2D5A07
950
#1C3904

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026