#5C99F6

#5C99F6

Color Values

HEX

#5C99F6

RGB

92, 153, 246

HSL

216.2, 89.5%, 66.3%

HSV

216.2, 62.6%, 96.5%

CMYK

62.6%, 37.8%, 0.0%, 3.5%

OKLCH

0.6842 0.1519 258.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5C99F6

#F6B95C

Analogous

#5CE6F6

#6C5CF6

#5C99F6

Triadic

#5C99F6

#F65C99

#99F65C

Split Complementary

#5C99F6

#F66C5C

#E6F65C

Tetradic

#5C99F6

#F65CE6

#F6B95C

#5CF66C

Color Blindness Simulation

Original

#5C99F6

Protanopia

#7677E0

Deuteranopia

#736EDA

Tritanopia

#5FCECA

Achromatopsia

#939393

CSS Usage

background-color: #5C99F6;
color: #5C99F6;
border-color: #5C99F6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB6F9
400
#4C8FF5
500
#0D68F2
600
#0B53C1
700
#09439B
800
#073479
900
#092857
950
#061A37

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026