#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026