#508BAF

#508BAF

Color Values

HEX

#508BAF

RGB

80, 139, 175

HSL

202,7, 37,3%, 50,0%

HSV

202,7, 54,3%, 68,6%

CMYK

54,3%, 20,6%, 0,0%, 31,4%

OKLCH

0,6112 0,0825 237,0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#508BAF

#AF7450

Analogous

#50AFA3

#505CAF

#508BAF

Triadic

#508BAF

#AF508B

#8BAF50

Split Complementary

#508BAF

#AF505C

#AFA350

Tetradic

#508BAF

#A350AF

#AF7450

#5CAF50

Color Blindness Simulation

Original

#508BAF

Protanopia

#6A6AA6

Deuteranopia

#6662A4

Tritanopia

#539F9E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDFE9
300
#ABC7D9
400
#7DA9C4
500
#508BAF
600
#406F8C
700
#335970
800
#284658
900
#203441
950
#142129

Contrast Checker

Text on white

3,71:1

AA Fail AAA Fail

Text on black

5,65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026