#5E6BDF

#5E6BDF

Color Values

HEX

#5E6BDF

RGB

94, 107, 223

HSL

234.0, 66.8%, 62.2%

HSV

234.0, 57.8%, 87.5%

CMYK

57.8%, 52.0%, 0.0%, 12.5%

OKLCH

0.5781 0.1751 274.7

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5E6BDF

#DFD25E

Analogous

#5EABDF

#925EDF

#5E6BDF

Triadic

#5E6BDF

#DF5E6B

#6BDF5E

Split Complementary

#5E6BDF

#DF925E

#ABDF5E

Tetradic

#5E6BDF

#DF5EAB

#DFD25E

#5EDF92

Color Blindness Simulation

Original

#5E6BDF

Protanopia

#6464C3

Deuteranopia

#6362BC

Tritanopia

#5FADA8

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C3C8F3
300
#99A1EB
400
#626EE0
500
#2A3BD5
600
#222FAA
700
#1B2688
800
#151E6A
900
#13194E
950
#0C1031

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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