#306B06

#306B06

Color Values

HEX

#306B06

RGB

48, 107, 6

HSL

95.0, 89.4%, 22.2%

HSV

95.0, 94.4%, 42.0%

CMYK

55.1%, 0.0%, 94.4%, 58.0%

OKLCH

0.4695 0.1383 136.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#306B06

#41066B

Analogous

#636B06

#066B0E

#306B06

Triadic

#306B06

#06306B

#6B0630

Split Complementary

#306B06

#0E066B

#6B0663

Tetradic

#306B06

#06636B

#41066B

#6B0E06

Color Blindness Simulation

Original

#306B06

Protanopia

#4A4A1E

Deuteranopia

#464224

Tritanopia

#333236

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBFBE0
200
#D6FBBB
300
#B9F98B
400
#93F54C
500
#6DF10E
600
#57C10B
700
#459B09
800
#367907
900
#2A5709
950
#1A3706

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026