#2C4654

#2C4654

Color Values

HEX

#2C4654

RGB

44, 70, 84

HSL

201.0, 31.2%, 25.1%

HSV

201.0, 47.6%, 32.9%

CMYK

47.6%, 16.7%, 0.0%, 67.1%

OKLCH

0.3793 0.0398 232.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2C4654

#543A2C

Analogous

#2C544E

#2C3254

#2C4654

Triadic

#2C4654

#542C46

#46542C

Split Complementary

#2C4654

#542C32

#544E2C

Tetradic

#2C4654

#4E2C54

#543A2C

#32542C

Color Blindness Simulation

Original

#2C4654

Protanopia

#373751

Deuteranopia

#363450

Tritanopia

#2D4E4D

Achromatopsia

#414141

CSS Usage

background-color: #2C4654;
color: #2C4654;
border-color: #2C4654;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0DFE6
300
#AFC8D5
400
#83A9BE
500
#588BA7
600
#467086
700
#38596B
800
#2C4654
900
#23353E
950
#162127

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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