#3F6F00

#3F6F00

Color Values

HEX

#3F6F00

RGB

63, 111, 0

HSL

85.9, 100.0%, 21.8%

HSV

85.9, 100.0%, 43.5%

CMYK

43.2%, 0.0%, 100.0%, 56.5%

OKLCH

0.4881 0.1372 132.8

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#3F6F00

#30006F

Analogous

#6F6800

#086F00

#3F6F00

Triadic

#3F6F00

#003F6F

#6F003F

Split Complementary

#3F6F00

#00086F

#68006F

Tetradic

#3F6F00

#006F68

#30006F

#6F0008

Color Blindness Simulation

Original

#3F6F00

Protanopia

#54541B

Deuteranopia

#514D21

Tritanopia

#413035

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#E0FFB8
300
#CAFF85
400
#AEFF42
500
#91FF00
600
#74CC00
700
#5DA300
800
#488000
900
#365C05
950
#223A03

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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