#2E5576

#2E5576

Color Values

HEX

#2E5576

RGB

46, 85, 118

HSL

207.5, 43.9%, 32.2%

HSV

207.5, 61.0%, 46.3%

CMYK

61.0%, 28.0%, 0.0%, 53.7%

OKLCH

0.4361 0.0706 245.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#2E5576

#764F2E

Analogous

#2E7673

#2E3176

#2E5576

Triadic

#2E5576

#762E55

#55762E

Split Complementary

#2E5576

#762E31

#76732E

Tetradic

#2E5576

#732E76

#764F2E

#31762E

Color Blindness Simulation

Original

#2E5576

Protanopia

#3F3F6E

Deuteranopia

#3D3A6C

Tritanopia

#306866

Achromatopsia

#4F4F4F

CSS Usage

background-color: #2E5576;
color: #2E5576;
border-color: #2E5576;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CCDDEB
300
#A7C4DD
400
#77A4CA
500
#4884B7
600
#396A93
700
#2E5575
800
#24425C
900
#1D3244
950
#13202B

Contrast Checker

Text on white

7.84:1

AA Pass AAA Pass

Text on black

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