#2C4454

#2C4454

Color Values

HEX

#2C4454

RGB

44, 68, 84

HSL

204.0, 31.2%, 25.1%

HSV

204.0, 47.6%, 32.9%

CMYK

47.6%, 19.0%, 0.0%, 67.1%

OKLCH

0.374 0.0405 238.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2C4454

#543C2C

Analogous

#2C5450

#2C3054

#2C4454

Triadic

#2C4454

#542C44

#44542C

Split Complementary

#2C4454

#542C30

#54502C

Tetradic

#2C4454

#502C54

#543C2C

#30542C

Color Blindness Simulation

Original

#2C4454

Protanopia

#363750

Deuteranopia

#35334F

Tritanopia

#2D4D4C

Achromatopsia

#404040

CSS Usage

background-color: #2C4454;
color: #2C4454;
border-color: #2C4454;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE6
300
#AFC6D5
400
#83A7BE
500
#5887A7
600
#466C86
700
#38576B
800
#2C4454
900
#23333E
950
#162027

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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