#2C3C58

#2C3C58

Color Values

HEX

#2C3C58

RGB

44, 60, 88

HSL

218.2, 33.3%, 25.9%

HSV

218.2, 50.0%, 34.5%

CMYK

50.0%, 31.8%, 0.0%, 65.5%

OKLCH

0.3556 0.0533 261.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#2C3C58

#58482C

Analogous

#2C5258

#322C58

#2C3C58

Triadic

#2C3C58

#582C3C

#3C582C

Split Complementary

#2C3C58

#58322C

#52582C

Tetradic

#2C3C58

#582C52

#58482C

#2C5832

Color Blindness Simulation

Original

#2C3C58

Protanopia

#333351

Deuteranopia

#323150

Tritanopia

#2D4C4B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E7
300
#ADBCD6
400
#8198C0
500
#5574AA
600
#445D88
700
#364A6D
800
#2B3A55
900
#222C3F
950
#151C28

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026