#5F7FE3

#5F7FE3

Color Values

HEX

#5F7FE3

RGB

95, 127, 227

HSL

225.5, 70.2%, 63.1%

HSV

225.5, 58.1%, 89.0%

CMYK

58.1%, 44.1%, 0.0%, 11.0%

OKLCH

0.6206 0.1551 268.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#5F7FE3

#E3C35F

Analogous

#5FC1E3

#815FE3

#5F7FE3

Triadic

#5F7FE3

#E35F7F

#7FE35F

Split Complementary

#5F7FE3

#E3815F

#C1E35F

Tetradic

#5F7FE3

#E35FC1

#E3C35F

#5FE381

Color Blindness Simulation

Original

#5F7FE3

Protanopia

#6D6DCB

Deuteranopia

#6B69C5

Tritanopia

#61B8B4

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5F7FE3;
color: #5F7FE3;
border-color: #5F7FE3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FC
100
#E2E8F8
200
#C2CEF4
300
#97ACED
400
#5E7EE3
500
#2651D9
600
#1E41AE
700
#18348B
800
#13296D
900
#12214F
950
#0B1532

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026