#8593FE

#8593FE

Color Values

HEX

#8593FE

RGB

133, 147, 254

HSL

233.1, 98.4%, 75.9%

HSV

233.1, 47.6%, 99.6%

CMYK

47.6%, 42.1%, 0.0%, 0.4%

OKLCH

0.6997 0.1565 276.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8593FE

#FEF085

Analogous

#85CFFE

#B485FE

#8593FE

Triadic

#8593FE

#FE8593

#93FE85

Split Complementary

#8593FE

#FEB485

#CFFE85

Tetradic

#8593FE

#FE85CF

#FEF085

#85FEB4

Color Blindness Simulation

Original

#8593FE

Protanopia

#8B8BE4

Deuteranopia

#8A89DE

Tritanopia

#86D0CB

Achromatopsia

#989898

CSS Usage

background-color: #8593FE;
color: #8593FE;
border-color: #8593FE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FE
100
#DEE2FC
200
#B8C0FE
300
#8693FE
400
#4459FD
500
#021FFD
600
#0219CA
700
#0114A2
800
#010F7E
900
#060F5B
950
#040A3A

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

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