#2C5B78

#2C5B78

Color Values

HEX

#2C5B78

RGB

44, 91, 120

HSL

202.9, 46.3%, 32.2%

HSV

202.9, 63.3%, 47.1%

CMYK

63.3%, 24.2%, 0.0%, 52.9%

OKLCH

0.4513 0.07 238.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#2C5B78

#78492C

Analogous

#2C786F

#2C3578

#2C5B78

Triadic

#2C5B78

#782C5B

#5B782C

Split Complementary

#2C5B78

#782C35

#786F2C

Tetradic

#2C5B78

#6F2C78

#78492C

#35782C

Color Blindness Simulation

Original

#2C5B78

Protanopia

#404171

Deuteranopia

#3E3A6F

Tritanopia

#2E6B6A

Achromatopsia

#535353

CSS Usage

background-color: #2C5B78;
color: #2C5B78;
border-color: #2C5B78;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEC
300
#A5C9DE
400
#75ABCC
500
#448DBB
600
#377195
700
#2C5B77
800
#22475D
900
#1C3545
950
#12222B

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

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