#3F6912

#3F6912

Color Values

HEX

#3F6912

RGB

63, 105, 18

HSL

89.0, 70.7%, 24.1%

HSV

89.0, 82.9%, 41.2%

CMYK

40.0%, 0.0%, 82.9%, 58.8%

OKLCH

0.4722 0.1224 132.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F6912

#3C1269

Analogous

#696712

#136912

#3F6912

Triadic

#3F6912

#123F69

#69123F

Split Complementary

#3F6912

#121369

#671269

Tetradic

#3F6912

#126967

#3C1269

#691213

Color Blindness Simulation

Original

#3F6912

Protanopia

#515227

Deuteranopia

#4F4C2C

Tritanopia

#41383B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #3F6912;
color: #3F6912;
border-color: #3F6912;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DCF5C2
300
#C3ED97
400
#A3E35E
500
#83DA25
600
#68AE1E
700
#548B18
800
#416D13
900
#314F12
950
#1F320B

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

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