#3F4100

#3F4100

Color Values

HEX

#3F4100

RGB

63, 65, 0

HSL

61,8, 100,0%, 12,7%

HSV

61,8, 100,0%, 25,5%

CMYK

3,1%, 0,0%, 100,0%, 74,5%

OKLCH

0,3613 0,0798 111,7

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#3F4100

#020041

Analogous

#412200

#1E4100

#3F4100

Triadic

#3F4100

#003F41

#41003F

Split Complementary

#3F4100

#001E41

#220041

Tetradic

#3F4100

#004122

#020041

#41001E

Color Blindness Simulation

Original

#3F4100

Protanopia

#404010

Deuteranopia

#404014

Tritanopia

#3F1C1F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #3F4100;
color: #3F4100;
border-color: #3F4100;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FDFFB8
300
#FBFF85
400
#F9FF42
500
#F7FF00
600
#C6CC00
700
#9EA300
800
#7C8000
900
#595C05
950
#383A03

Contrast Checker

Text on white

10,67:1

AA Pass AAA Pass

Text on black

1,97: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