#3F314E

#3F314E

Color Values

HEX

#3F314E

RGB

63, 49, 78

HSL

269.0, 22.8%, 24.9%

HSV

269.0, 37.2%, 30.6%

CMYK

19.2%, 37.2%, 0.0%, 69.4%

OKLCH

0.3415 0.0526 305.9

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F314E

#404E31

Analogous

#31324E

#4D314E

#3F314E

Triadic

#3F314E

#4E3F31

#314E3F

Split Complementary

#3F314E

#4E4D31

#324E31

Tetradic

#3F314E

#4E3132

#404E31

#314E4D

Color Blindness Simulation

Original

#3F314E

Protanopia

#393947

Deuteranopia

#3A3B45

Tritanopia

#3E4140

Achromatopsia

#363636

CSS Usage

background-color: #3F314E;
color: #3F314E;
border-color: #3F314E;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DBD3E3
300
#C1B4D0
400
#A08BB6
500
#7F629D
600
#654F7D
700
#513F64
800
#3F314E
900
#30273A
950
#1E1825

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

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