#2E514C

#2E514C

Color Values

HEX

#2E514C

RGB

46, 81, 76

HSL

171.4, 27.6%, 24.9%

HSV

171.4, 43.2%, 31.8%

CMYK

43.2%, 0.0%, 6.2%, 68.2%

OKLCH

0.4067 0.0417 184.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2E514C

#512E33

Analogous

#2E513A

#2E4551

#2E514C

Triadic

#2E514C

#4C2E51

#514C2E

Split Complementary

#2E514C

#512E45

#513A2E

Tetradic

#2E514C

#3A2E51

#512E33

#45512E

Color Blindness Simulation

Original

#2E514C

Protanopia

#3D3D4D

Deuteranopia

#3B384E

Tritanopia

#304E4E

Achromatopsia

#494949

CSS Usage

background-color: #2E514C;
color: #2E514C;
border-color: #2E514C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E2
300
#B1D3CE
400
#87BBB3
500
#5CA399
600
#4A827A
700
#3B6862
800
#2E514C
900
#243C39
950
#172624

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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