#508288

#508288

Color Values

HEX

#508288

RGB

80, 130, 136

HSL

186.4, 25.9%, 42.4%

HSV

186.4, 41.2%, 53.3%

CMYK

41.2%, 4.4%, 0.0%, 46.7%

OKLCH

0.5736 0.0546 205.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#508288

#885650

Analogous

#508872

#506688

#508288

Triadic

#508288

#885082

#828850

Split Complementary

#508288

#885066

#887250

Tetradic

#508288

#725088

#885650

#668850

Color Blindness Simulation

Original

#508288

Protanopia

#666687

Deuteranopia

#635F86

Tritanopia

#528585

Achromatopsia

#787878

CSS Usage

background-color: #508288;
color: #508288;
border-color: #508288;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B2CED2
400
#88B4B9
500
#5E99A1
600
#4C7B80
700
#3C6267
800
#2F4D50
900
#25393C
950
#172426

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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