#3F6D01

#3F6D01

Color Values

HEX

#3F6D01

RGB

63, 109, 1

HSL

85.6, 98.2%, 21.6%

HSV

85.6, 99.1%, 42.7%

CMYK

42.2%, 0.0%, 99.1%, 57.3%

OKLCH

0.4826 0.1344 132.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3F6D01

#2F016D

Analogous

#6D6501

#096D01

#3F6D01

Triadic

#3F6D01

#013F6D

#6D013F

Split Complementary

#3F6D01

#01096D

#65016D

Tetradic

#3F6D01

#016D65

#2F016D

#6D0109

Color Blindness Simulation

Original

#3F6D01

Protanopia

#53531B

Deuteranopia

#504D21

Tritanopia

#413034

Achromatopsia

#5B5B5B

CSS Usage

background-color: #3F6D01;
color: #3F6D01;
border-color: #3F6D01;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#E0FEB8
300
#CBFE86
400
#AEFD44
500
#92FD02
600
#75CA02
700
#5DA201
800
#497E01
900
#375B06
950
#233A04

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4: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