#509698

#509698

Color Values

HEX

#509698

RGB

80, 150, 152

HSL

181.7, 31.0%, 45.5%

HSV

181.7, 47.4%, 59.6%

CMYK

47.4%, 1.3%, 0.0%, 40.4%

OKLCH

0.6284 0.0707 197.9

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#509698

#985250

Analogous

#509876

#507298

#509698

Triadic

#509698

#985096

#969850

Split Complementary

#509698

#985072

#987650

Tetradic

#509698

#765098

#985250

#729850

Color Blindness Simulation

Original

#509698

Protanopia

#6E6F98

Deuteranopia

#6A6597

Tritanopia

#549797

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD4D5
400
#83BCBE
500
#58A5A7
600
#468486
700
#38696B
800
#2C5254
900
#233D3E
950
#162727

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026