#508ACA

#508ACA

Color Values

HEX

#508ACA

RGB

80, 138, 202

HSL

211.5, 53.5%, 55.3%

HSV

211.5, 60.4%, 79.2%

CMYK

60.4%, 31.7%, 0.0%, 20.8%

OKLCH

0.6221 0.115 252.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#508ACA

#CA9050

Analogous

#50C7CA

#5350CA

#508ACA

Triadic

#508ACA

#CA508A

#8ACA50

Split Complementary

#508ACA

#CA5350

#C7CA50

Tetradic

#508ACA

#CA50C7

#CA9050

#50CA53

Color Blindness Simulation

Original

#508ACA

Protanopia

#696ABB

Deuteranopia

#6661B7

Tritanopia

#53AEAC

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEE
300
#A1C0E3
400
#6E9ED3
500
#3B7CC4
600
#2F639D
700
#264F7D
800
#1E3E62
900
#192F48
950
#101E2D

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026