#2C4354

#2C4354

Color Values

HEX

#2C4354

RGB

44, 67, 84

HSL

205.5, 31.2%, 25.1%

HSV

205.5, 47.6%, 32.9%

CMYK

47.6%, 20.2%, 0.0%, 67.1%

OKLCH

0.3714 0.041 241.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#2C4354

#543D2C

Analogous

#2C5451

#2C2F54

#2C4354

Triadic

#2C4354

#542C43

#43542C

Split Complementary

#2C4354

#542C2F

#54512C

Tetradic

#2C4354

#512C54

#543D2C

#2F542C

Color Blindness Simulation

Original

#2C4354

Protanopia

#363650

Deuteranopia

#35334F

Tritanopia

#2D4D4C

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE6
300
#AFC5D5
400
#83A5BE
500
#5885A7
600
#466B86
700
#38556B
800
#2C4354
900
#23323E
950
#162027

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

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