#3C4567

#3C4567

Color Values

HEX

#3C4567

RGB

60, 69, 103

HSL

227.4, 26.4%, 32.0%

HSV

227.4, 41.7%, 40.4%

CMYK

41.7%, 33.0%, 0.0%, 59.6%

OKLCH

0.3978 0.0588 272.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#3C4567

#675E3C

Analogous

#3C5B67

#493C67

#3C4567

Triadic

#3C4567

#673C45

#45673C

Split Complementary

#3C4567

#67493C

#5B673C

Tetradic

#3C4567

#673C5B

#675E3C

#3C6749

Color Blindness Simulation

Original

#3C4567

Protanopia

#40405F

Deuteranopia

#3F3F5D

Tritanopia

#3C5857

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D2D6E5
300
#B2B8D2
400
#8892BA
500
#5E6CA1
600
#4B5681
700
#3C4567
800
#2F3651
900
#252A3C
950
#171A26

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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