#3F8C0C

#3F8C0C

Color Values

HEX

#3F8C0C

RGB

63, 140, 12

HSL

96.1, 84.2%, 29.8%

HSV

96.1, 91.4%, 54.9%

CMYK

55.0%, 0.0%, 91.4%, 45.1%

OKLCH

0.5686 0.1682 137.2

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#3F8C0C

#590C8C

Analogous

#7F8C0C

#0C8C19

#3F8C0C

Triadic

#3F8C0C

#0C3F8C

#8C0C3F

Split Complementary

#3F8C0C

#190C8C

#8C0C7F

Tetradic

#3F8C0C

#0C7F8C

#590C8C

#8C190C

Color Blindness Simulation

Original

#3F8C0C

Protanopia

#60612B

Deuteranopia

#5C5632

Tritanopia

#434349

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D5F9BD
300
#B7F58E
400
#90F051
500
#6AEB14
600
#55BC10
700
#44960D
800
#35750A
900
#29550C
950
#1A3607

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026