#3F4502

#3F4502

Color Values

HEX

#3F4502

RGB

63, 69, 2

HSL

65.4, 94.4%, 13.9%

HSV

65.4, 97.1%, 27.1%

CMYK

8.7%, 0.0%, 97.1%, 72.9%

OKLCH

0.3722 0.0832 115.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3F4502

#080245

Analogous

#452902

#1D4502

#3F4502

Triadic

#3F4502

#023F45

#45023F

Split Complementary

#3F4502

#021D45

#290245

Tetradic

#3F4502

#024529

#080245

#45021D

Color Blindness Simulation

Original

#3F4502

Protanopia

#424212

Deuteranopia

#414116

Tritanopia

#3F1F22

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F7FDBA
300
#F1FC88
400
#EAFA48
500
#E2F807
600
#B5C606
700
#919F05
800
#717C04
900
#525A07
950
#343905

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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