#509393

#509393

Color Values

HEX

#509393

RGB

80, 147, 147

HSL

180.0, 29.5%, 44.5%

HSV

180.0, 45.6%, 57.6%

CMYK

45.6%, 0.0%, 0.0%, 42.4%

OKLCH

0.6193 0.0683 195.5

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#509393

#935050

Analogous

#509371

#507193

#509393

Triadic

#509393

#935093

#939350

Split Complementary

#509393

#935071

#937150

Tetradic

#509393

#715093

#935050

#719350

Color Blindness Simulation

Original

#509393

Protanopia

#6D6E93

Deuteranopia

#696493

Tritanopia

#539393

Achromatopsia

#858585

CSS Usage

background-color: #509393;
color: #509393;
border-color: #509393;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F2
200
#D1E6E6
300
#B0D4D4
400
#85BCBC
500
#5AA5A5
600
#488484
700
#3A6A6A
800
#2D5353
900
#243D3D
950
#162727

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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