#3F3645

#3F3645

Color Values

HEX

#3F3645

RGB

63, 54, 69

HSL

276.0, 12.2%, 24.1%

HSV

276.0, 21.7%, 27.1%

CMYK

8.7%, 21.7%, 0.0%, 72.9%

OKLCH

0.3483 0.0283 311.8

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#3F3645

#3C4536

Analogous

#373645

#453643

#3F3645

Triadic

#3F3645

#453F36

#36453F

Split Complementary

#3F3645

#434536

#364537

Tetradic

#3F3645

#453736

#3C4536

#364345

Color Blindness Simulation

Original

#3F3645

Protanopia

#3B3B41

Deuteranopia

#3C3C40

Tritanopia

#3F3F3E

Achromatopsia

#393939

CSS Usage

background-color: #3F3645;
color: #3F3645;
border-color: #3F3645;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DCD7E0
300
#C3BAC9
400
#A395AC
500
#83708F
600
#685A72
700
#54485C
800
#413848
900
#322B36
950
#1F1B22

Contrast Checker

Text on white

11.51:1

AA Pass AAA Pass

Text on black

1.82:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026