#306C13

#306C13

Color Values

HEX

#306C13

RGB

48, 108, 19

HSL

100.4, 70.1%, 24.9%

HSV

100.4, 82.4%, 42.4%

CMYK

55.6%, 0.0%, 82.4%, 57.6%

OKLCH

0.473 0.134 137.9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#306C13

#4F136C

Analogous

#5D6C13

#136C22

#306C13

Triadic

#306C13

#13306C

#6C1330

Split Complementary

#306C13

#22136C

#6C135D

Tetradic

#306C13

#135D6C

#4F136C

#6C2213

Color Blindness Simulation

Original

#306C13

Protanopia

#4A4B29

Deuteranopia

#46422E

Tritanopia

#333A3D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#E9F8E3
200
#D3F4C2
300
#B3ED97
400
#8AE35F
500
#61D926
600
#4DAE1E
700
#3E8B18
800
#306C13
900
#264F12
950
#18320B

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026