#3F4153

#3F4153

Color Values

HEX

#3F4153

RGB

63, 65, 83

HSL

234.0, 13.7%, 28.6%

HSV

234.0, 24.1%, 32.5%

CMYK

24.1%, 21.7%, 0.0%, 67.5%

OKLCH

0.3808 0.0307 279.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3F4153

#53513F

Analogous

#3F4B53

#473F53

#3F4153

Triadic

#3F4153

#533F41

#41533F

Split Complementary

#3F4153

#53473F

#4B533F

Tetradic

#3F4153

#533F4B

#53513F

#3F5347

Color Blindness Simulation

Original

#3F4153

Protanopia

#40404F

Deuteranopia

#40404E

Tritanopia

#3F4B4A

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEBEF
200
#D6D7E0
300
#B9BBCA
400
#9496AE
500
#6E7291
600
#585B74
700
#46495D
800
#373948
900
#2A2C36
950
#1B1C22

Contrast Checker

Text on white

10.04:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026