#2E7980

#2E7980

Color Values

HEX

#2E7980

RGB

46, 121, 128

HSL

185.1, 47.1%, 34.1%

HSV

185.1, 64.1%, 50.2%

CMYK

64.1%, 5.5%, 0.0%, 49.8%

OKLCH

0.5329 0.0734 203.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2E7980

#80352E

Analogous

#2E805E

#2E5080

#2E7980

Triadic

#2E7980

#802E79

#79802E

Split Complementary

#2E7980

#802E50

#805E2E

Tetradic

#2E7980

#5E2E80

#80352E

#50802E

Color Blindness Simulation

Original

#2E7980

Protanopia

#4E4F7E

Deuteranopia

#4A447E

Tritanopia

#327D7D

Achromatopsia

#6A6A6A

CSS Usage

background-color: #2E7980;
color: #2E7980;
border-color: #2E7980;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CAE9EC
300
#A5DADF
400
#74C6CD
500
#43B1BC
600
#368E96
700
#2B7178
800
#22595E
900
#1C4145
950
#12292C

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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