#3F4D61

#3F4D61

Color Values

HEX

#3F4D61

RGB

63, 77, 97

HSL

215.3, 21.2%, 31.4%

HSV

215.3, 35.1%, 38.0%

CMYK

35.1%, 20.6%, 0.0%, 62.0%

OKLCH

0.4164 0.0381 257.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3F4D61

#61533F

Analogous

#3F5E61

#423F61

#3F4D61

Triadic

#3F4D61

#613F4D

#4D613F

Split Complementary

#3F4D61

#61423F

#5E613F

Tetradic

#3F4D61

#613F5E

#61533F

#3F6142

Color Blindness Simulation

Original

#3F4D61

Protanopia

#45455C

Deuteranopia

#44435B

Tritanopia

#405858

Achromatopsia

#4B4B4B

CSS Usage

background-color: #3F4D61;
color: #3F4D61;
border-color: #3F4D61;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5C0CF
400
#8D9DB5
500
#647B9B
600
#50627C
700
#404F63
800
#323D4D
900
#272F3A
950
#191E24

Contrast Checker

Text on white

8.59:1

AA Pass AAA Pass

Text on black

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