#5F6AE2

#5F6AE2

Color Values

HEX

#5F6AE2

RGB

95, 106, 226

HSL

235.0, 69.3%, 62.9%

HSV

235.0, 58.0%, 88.6%

CMYK

58.0%, 53.1%, 0.0%, 11.4%

OKLCH

0.579 0.1801 275.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#5F6AE2

#E2D75F

Analogous

#5FABE2

#955FE2

#5F6AE2

Triadic

#5F6AE2

#E25F6A

#6AE25F

Split Complementary

#5F6AE2

#E2955F

#ABE25F

Tetradic

#5F6AE2

#E25FAB

#E2D75F

#5FE295

Color Blindness Simulation

Original

#5F6AE2

Protanopia

#6464C5

Deuteranopia

#6362BE

Tritanopia

#60AEA9

Achromatopsia

#707070

CSS Usage

background-color: #5F6AE2;
color: #5F6AE2;
border-color: #5F6AE2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F4FC
100
#E3E4F8
200
#C3C7F4
300
#979EEC
400
#5F6AE2
500
#2736D8
600
#1F2BAD
700
#19228A
800
#141B6C
900
#12174F
950
#0C0F32

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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