#307F01

#307F01

Color Values

HEX

#307F01

RGB

48, 127, 1

HSL

97.6, 98.4%, 25.1%

HSV

97.6, 99.2%, 49.8%

CMYK

62.2%, 0.0%, 99.2%, 50.2%

OKLCH

0.5263 0.1633 138.3

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#307F01

#50017F

Analogous

#6F7F01

#017F11

#307F01

Triadic

#307F01

#01307F

#7F0130

Split Complementary

#307F01

#11017F

#7F016F

Tetradic

#307F01

#016F7F

#50017F

#7F1101

Color Blindness Simulation

Original

#307F01

Protanopia

#52531F

Deuteranopia

#4E4827

Tritanopia

#34383D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#E9FCDE
200
#D2FEB8
300
#B3FE86
400
#89FD44
500
#60FD02
600
#4DCA02
700
#3DA201
800
#307E01
900
#265B06
950
#183A04

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026