#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

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026