#5C7AF6

#5C7AF6

Color Values

HEX

#5C7AF6

RGB

92, 122, 246

HSL

228.3, 89.5%, 66.3%

HSV

228.3, 62.6%, 96.5%

CMYK

62.6%, 50.4%, 0.0%, 3.5%

OKLCH

0.6214 0.1878 269.9

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5C7AF6

#F6D85C

Analogous

#5CC7F6

#8B5CF6

#5C7AF6

Triadic

#5C7AF6

#F65C7A

#7AF65C

Split Complementary

#5C7AF6

#F68B5C

#C7F65C

Tetradic

#5C7AF6

#F65CC7

#F6D85C

#5CF68B

Color Blindness Simulation

Original

#5C7AF6

Protanopia

#6969D8

Deuteranopia

#6765D1

Tritanopia

#5DC0BB

Achromatopsia

#7D7D7D

CSS Usage

background-color: #5C7AF6;
color: #5C7AF6;
border-color: #5C7AF6;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F4FD
100
#E0E5FB
200
#BBC8FB
300
#8BA0F9
400
#4C6DF5
500
#0D3AF2
600
#0B2EC1
700
#09259B
800
#071D79
900
#091957
950
#061037

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026