#3F4426

#3F4426

Color Values

HEX

#3F4426

RGB

63, 68, 38

HSL

70.0, 28.3%, 20.8%

HSV

70.0, 44.1%, 26.7%

CMYK

7.4%, 0.0%, 44.1%, 73.3%

OKLCH

0.3736 0.0477 116.5

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F4426

#2B2644

Analogous

#443A26

#304426

#3F4426

Triadic

#3F4426

#263F44

#44263F

Split Complementary

#3F4426

#263044

#3A2644

Tetradic

#3F4426

#26443A

#2B2644

#442630

Color Blindness Simulation

Original

#3F4426

Protanopia

#41412D

Deuteranopia

#41402F

Tritanopia

#3F3334

Achromatopsia

#414141

CSS Usage

background-color: #3F4426;
color: #3F4426;
border-color: #3F4426;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E2E5D1
300
#CDD3B0
400
#B2BB86
500
#98A45B
600
#798349
700
#61693B
800
#4C522E
900
#393D24
950
#242617

Contrast Checker

Text on white

10.16:1

AA Pass AAA Pass

Text on black

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