#2C4253

#2C4253

Color Values

HEX

#2C4253

RGB

44, 66, 83

HSL

206.2, 30.7%, 24.9%

HSV

206.2, 47.0%, 32.5%

CMYK

47.0%, 20.5%, 0.0%, 67.5%

OKLCH

0.3683 0.0403 242.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#2C4253

#533D2C

Analogous

#2C5351

#2C2E53

#2C4253

Triadic

#2C4253

#532C42

#42532C

Split Complementary

#2C4253

#532C2E

#53512C

Tetradic

#2C4253

#512C53

#533D2C

#2E532C

Color Blindness Simulation

Original

#2C4253

Protanopia

#36364F

Deuteranopia

#34334E

Tritanopia

#2D4C4B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE6
300
#AFC4D5
400
#84A4BE
500
#5884A7
600
#476A85
700
#39556B
800
#2C4253
900
#23323E
950
#162027

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

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