#309C08

#309C08

Color Values

HEX

#309C08

RGB

48, 156, 8

HSL

103.8, 90.2%, 32.2%

HSV

103.8, 94.9%, 61.2%

CMYK

69.2%, 0.0%, 94.9%, 38.8%

OKLCH

0.6075 0.1931 140.1

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#309C08

#74089C

Analogous

#7A9C08

#089C2A

#309C08

Triadic

#309C08

#08309C

#9C0830

Split Complementary

#309C08

#2A089C

#9C087A

Tetradic

#309C08

#087A9C

#74089C

#9C2A08

Color Blindness Simulation

Original

#309C08

Protanopia

#5F602C

Deuteranopia

#585034

Tritanopia

#35484E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #309C08;
color: #309C08;
border-color: #309C08;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FDF1
100
#E7FBDF
200
#CCFCBB
300
#A8F98B
400
#7AF64C
500
#4BF30C
600
#3CC20A
700
#309B08
800
#257906
900
#1E5809
950
#133706

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026