#508FB9

#508FB9

Color Values

HEX

#508FB9

RGB

80, 143, 185

HSL

204.0, 42.9%, 52.0%

HSV

204.0, 56.8%, 72.5%

CMYK

56.8%, 22.7%, 0.0%, 27.5%

OKLCH

0.6252 0.091 239.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#508FB9

#B97A50

Analogous

#50B9AF

#505BB9

#508FB9

Triadic

#508FB9

#B9508F

#8FB950

Split Complementary

#508FB9

#B9505B

#B9AF50

Tetradic

#508FB9

#AF50B9

#B97A50

#5BB950

Color Blindness Simulation

Original

#508FB9

Protanopia

#6B6CAF

Deuteranopia

#6863AC

Tritanopia

#53A7A5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEB
300
#A8C7DC
400
#78A9C9
500
#498AB6
600
#3A6F92
700
#2F5975
800
#24455B
900
#1E3443
950
#13212A

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026