#508DB7

#508DB7

Color Values

HEX

#508DB7

RGB

80, 141, 183

HSL

204,5, 41,7%, 51,6%

HSV

204,5, 56,3%, 71,8%

CMYK

56,3%, 23,0%, 0,0%, 28,2%

OKLCH

0,6196 0,09 240,4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#508DB7

#B77A50

Analogous

#50B7AE

#505AB7

#508DB7

Triadic

#508DB7

#B7508D

#8DB750

Split Complementary

#508DB7

#B7505A

#B7AE50

Tetradic

#508DB7

#AE50B7

#B77A50

#5AB750

Color Blindness Simulation

Original

#508DB7

Protanopia

#6A6BAD

Deuteranopia

#6762AA

Tritanopia

#53A5A3

Achromatopsia

#838383

CSS Usage

background-color: #508DB7;
color: #508DB7;
border-color: #508DB7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CCDEEA
300
#A8C6DB
400
#79A8C8
500
#4A89B5
600
#3B6E91
700
#305874
800
#25455A
900
#1E3443
950
#13212A

Contrast Checker

Text on white

3,6:1

AA Fail AAA Fail

Text on black

5,83: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