#384F6B

#384F6B

Color Values

HEX

#384F6B

RGB

56, 79, 107

HSL

212.9, 31.3%, 32.0%

HSV

212.9, 47.7%, 42.0%

CMYK

47.7%, 26.2%, 0.0%, 58.0%

OKLCH

0.4212 0.0549 253.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#384F6B

#6B5438

Analogous

#38696B

#3B386B

#384F6B

Triadic

#384F6B

#6B384F

#4F6B38

Split Complementary

#384F6B

#6B3B38

#696B38

Tetradic

#384F6B

#6B3869

#6B5438

#386B3B

Color Blindness Simulation

Original

#384F6B

Protanopia

#424264

Deuteranopia

#413F63

Tritanopia

#395F5E

Achromatopsia

#4C4C4C

CSS Usage

background-color: #384F6B;
color: #384F6B;
border-color: #384F6B;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DAE6
300
#AFC0D5
400
#839EBE
500
#587CA7
600
#466386
700
#384F6B
800
#2C3E54
900
#232F3E
950
#161E27

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

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