#3F5246

#3F5246

Color Values

HEX

#3F5246

RGB

63, 82, 70

HSL

142.1, 13.1%, 28.4%

HSV

142.1, 23.2%, 32.2%

CMYK

23.2%, 0.0%, 14.6%, 67.8%

OKLCH

0.4186 0.0309 157.1

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#3F5246

#523F4B

Analogous

#41523F

#3F524F

#3F5246

Triadic

#3F5246

#463F52

#52463F

Split Complementary

#3F5246

#4F3F52

#523F41

Tetradic

#3F5246

#3F4152

#523F4B

#524F3F

Color Blindness Simulation

Original

#3F5246

Protanopia

#474749

Deuteranopia

#46454A

Tritanopia

#404B4C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #3F5246;
color: #3F5246;
border-color: #3F5246;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D7E0DA
300
#BACAC0
400
#94AD9D
500
#6F907B
600
#597362
700
#475C4F
800
#37483E
900
#2B362F
950
#1B221E

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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