#5B6FE7

#5B6FE7

Color Values

HEX

#5B6FE7

RGB

91, 111, 231

HSL

231.4, 74.5%, 63.1%

HSV

231.4, 60.6%, 90.6%

CMYK

60.6%, 51.9%, 0.0%, 9.4%

OKLCH

0.5894 0.1816 272.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5B6FE7

#E7D35B

Analogous

#5BB5E7

#8D5BE7

#5B6FE7

Triadic

#5B6FE7

#E75B6F

#6FE75B

Split Complementary

#5B6FE7

#E78D5B

#B5E75B

Tetradic

#5B6FE7

#E75BB5

#E7D35B

#5BE78D

Color Blindness Simulation

Original

#5B6FE7

Protanopia

#6464CA

Deuteranopia

#6261C3

Tritanopia

#5CB3AE

Achromatopsia

#737373

CSS Usage

background-color: #5B6FE7;
color: #5B6FE7;
border-color: #5B6FE7;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C1C8F6
300
#94A1EF
400
#5A6FE7
500
#213CDE
600
#1A30B2
700
#15268E
800
#101E6F
900
#101951
950
#0A1033

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87: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