#3F9C08

#3F9C08

Color Values

HEX

#3F9C08

RGB

63, 156, 8

HSL

97.7, 90.2%, 32.2%

HSV

97.7, 94.9%, 61.2%

CMYK

59.6%, 0.0%, 94.9%, 38.8%

OKLCH

0.6122 0.1872 138.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#3F9C08

#65089C

Analogous

#899C08

#089C1B

#3F9C08

Triadic

#3F9C08

#083F9C

#9C083F

Split Complementary

#3F9C08

#1B089C

#9C0889

Tetradic

#3F9C08

#08899C

#65089C

#9C1B08

Color Blindness Simulation

Original

#3F9C08

Protanopia

#67682C

Deuteranopia

#625B34

Tritanopia

#44484E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D3FCBB
300
#B4F98B
400
#8BF64C
500
#62F30C
600
#4EC20A
700
#3F9B08
800
#317906
900
#265809
950
#183706

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026