#306007

#306007

Color Values

HEX

#306007

RGB

48, 96, 7

HSL

92.4, 86.4%, 20.2%

HSV

92.4, 92.7%, 37.6%

CMYK

50.0%, 0.0%, 92.7%, 62.4%

OKLCH

0.4379 0.1241 135.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#306007

#370760

Analogous

#5C6007

#07600B

#306007

Triadic

#306007

#073060

#600730

Split Complementary

#306007

#0B0760

#60075C

Tetradic

#306007

#075C60

#370760

#600B07

Color Blindness Simulation

Original

#306007

Protanopia

#45451D

Deuteranopia

#423E22

Tritanopia

#322E31

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#D9FABC
300
#BEF78D
400
#9AF24F
500
#77EE11
600
#5FBE0E
700
#4C980B
800
#3B7709
900
#2D560B
950
#1D3607

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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