#3F5541

#3F5541

Color Values

HEX

#3F5541

RGB

63, 85, 65

HSL

125.5, 14.9%, 29.0%

HSV

125.5, 25.9%, 33.3%

CMYK

25.9%, 0.0%, 23.5%, 66.7%

OKLCH

0.4251 0.0425 147.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#3F5541

#553F53

Analogous

#48553F

#3F554C

#3F5541

Triadic

#3F5541

#413F55

#55413F

Split Complementary

#3F5541

#4C3F55

#553F48

Tetradic

#3F5541

#3F4855

#553F53

#554C3F

Color Blindness Simulation

Original

#3F5541

Protanopia

#494946

Deuteranopia

#474647

Tritanopia

#404A4A

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D6E1D7
300
#B9CBBA
400
#93AF95
500
#6D9270
600
#57755A
700
#455E48
800
#364938
900
#2A372B
950
#1A231B

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026