#508AD5

#508AD5

Color Values

HEX

#508AD5

RGB

80, 138, 213

HSL

213.8, 61.3%, 57.5%

HSV

213.8, 62.4%, 83.5%

CMYK

62.4%, 35.2%, 0.0%, 16.5%

OKLCH

0.6281 0.1292 255.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#508AD5

#D59B50

Analogous

#50CDD5

#5950D5

#508AD5

Triadic

#508AD5

#D5508A

#8AD550

Split Complementary

#508AD5

#D55950

#CDD550

Tetradic

#508AD5

#D550CD

#D59B50

#50D559

Color Blindness Simulation

Original

#508AD5

Protanopia

#696AC3

Deuteranopia

#6661BE

Tritanopia

#53B5B1

Achromatopsia

#838383

CSS Usage

background-color: #508AD5;
color: #508AD5;
border-color: #508AD5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C5D9F1
300
#9CBDE7
400
#6799DA
500
#3176CE
600
#275EA5
700
#204B84
800
#193B67
900
#162D4B
950
#0E1C2F

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026