#2C4556

#2C4556

Color Values

HEX

#2C4556

RGB

44, 69, 86

HSL

204.3, 32.3%, 25.5%

HSV

204.3, 48.8%, 33.7%

CMYK

48.8%, 19.8%, 0.0%, 66.3%

OKLCH

0.3776 0.0424 239.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#2C4556

#563D2C

Analogous

#2C5652

#2C3056

#2C4556

Triadic

#2C4556

#562C45

#45562C

Split Complementary

#2C4556

#562C30

#56522C

Tetradic

#2C4556

#522C56

#563D2C

#30562C

Color Blindness Simulation

Original

#2C4556

Protanopia

#373752

Deuteranopia

#353451

Tritanopia

#2D4F4E

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC6D6
400
#82A6BF
500
#5687A9
600
#456C87
700
#37576C
800
#2B4454
900
#22333F
950
#162027

Contrast Checker

Text on white

10.03:1

AA Pass AAA Pass

Text on black

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