#3F900C

#3F900C

Color Values

HEX

#3F900C

RGB

63, 144, 12

HSL

96.8, 84.6%, 30.6%

HSV

96.8, 91.7%, 56.5%

CMYK

56.2%, 0.0%, 91.7%, 43.5%

OKLCH

0.5796 0.1728 137.5

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#3F900C

#5D0C90

Analogous

#81900C

#0C901B

#3F900C

Triadic

#3F900C

#0C3F90

#900C3F

Split Complementary

#3F900C

#1B0C90

#900C81

Tetradic

#3F900C

#0C8190

#5D0C90

#901B0C

Color Blindness Simulation

Original

#3F900C

Protanopia

#62632C

Deuteranopia

#5D5734

Tritanopia

#43454B

Achromatopsia

#757575

CSS Usage

background-color: #3F900C;
color: #3F900C;
border-color: #3F900C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D4FABD
300
#B6F68E
400
#8FF051
500
#67EB14
600
#52BC10
700
#42970D
800
#34760A
900
#28550C
950
#193607

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass 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