#2E8280

#2E8280

Color Values

HEX

#2E8280

RGB

46, 130, 128

HSL

178.6, 47.7%, 34.5%

HSV

178.6, 64.6%, 51.0%

CMYK

64.6%, 0.0%, 1.5%, 49.0%

OKLCH

0.5563 0.0793 192.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#2E8280

#822E30

Analogous

#2E8256

#2E5A82

#2E8280

Triadic

#2E8280

#802E82

#82802E

Split Complementary

#2E8280

#822E5A

#82562E

Tetradic

#2E8280

#562E82

#822E30

#5A822E

Color Blindness Simulation

Original

#2E8280

Protanopia

#525380

Deuteranopia

#4E4781

Tritanopia

#328181

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A5DFDE
400
#74CECC
500
#43BCB9
600
#359794
700
#2B7977
800
#215E5D
900
#1C4544
950
#112C2B

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026