#3F5034

#3F5034

Color Values

HEX

#3F5034

RGB

63, 80, 52

HSL

96.4, 21.2%, 25.9%

HSV

96.4, 35.0%, 31.4%

CMYK

21.2%, 0.0%, 35.0%, 68.6%

OKLCH

0.4085 0.0498 133.6

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F5034

#453450

Analogous

#4D5034

#345037

#3F5034

Triadic

#3F5034

#343F50

#50343F

Split Complementary

#3F5034

#373450

#50344D

Tetradic

#3F5034

#344D50

#453450

#503734

Color Blindness Simulation

Original

#3F5034

Protanopia

#46473B

Deuteranopia

#45443C

Tritanopia

#404041

Achromatopsia

#4A4A4A

CSS Usage

background-color: #3F5034;
color: #3F5034;
border-color: #3F5034;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#DAE3D4
300
#BFCFB5
400
#9CB58D
500
#7A9B64
600
#617C50
700
#4E6340
800
#3D4D32
900
#2E3A27
950
#1D2419

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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