#3F3547

#3F3547

Color Values

HEX

#3F3547

RGB

63, 53, 71

HSL

273.3, 14.5%, 24.3%

HSV

273.3, 25.4%, 27.8%

CMYK

11.3%, 25.4%, 0.0%, 72.2%

OKLCH

0.3469 0.0335 309.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3F3547

#3D4735

Analogous

#363547

#473546

#3F3547

Triadic

#3F3547

#473F35

#35473F

Split Complementary

#3F3547

#464735

#354736

Tetradic

#3F3547

#473635

#3D4735

#354647

Color Blindness Simulation

Original

#3F3547

Protanopia

#3B3B43

Deuteranopia

#3B3C42

Tritanopia

#3E3F3E

Achromatopsia

#383838

CSS Usage

background-color: #3F3547;
color: #3F3547;
border-color: #3F3547;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E0
300
#C3B9CB
400
#A293AE
500
#826D92
600
#685775
700
#53465D
800
#413749
900
#312A37
950
#1F1B23

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026