#8588DF

#8588DF

Color Values

HEX

#8588DF

RGB

133, 136, 223

HSL

238,0, 58,4%, 69,8%

HSV

238,0, 40,4%, 87,5%

CMYK

40,4%, 39,0%, 0,0%, 12,5%

OKLCH

0,6613 0,1281 280,8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8588DF

#DFDC85

Analogous

#85B5DF

#AF85DF

#8588DF

Triadic

#8588DF

#DF8588

#88DF85

Split Complementary

#8588DF

#DFAF85

#B5DF85

Tetradic

#8588DF

#DF85B5

#DFDC85

#85DFAF

Color Blindness Simulation

Original

#8588DF

Protanopia

#8686CA

Deuteranopia

#8686C5

Tritanopia

#85B9B6

Achromatopsia

#8E8E8E

CSS Usage

background-color: #8588DF;
color: #8588DF;
border-color: #8588DF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C8F0
300
#9EA0E6
400
#6A6DD8
500
#353ACA
600
#2A2EA2
700
#222581
800
#1B1D65
900
#17194A
950
#0F102F

Contrast Checker

Text on white

3,19:1

AA Fail AAA Fail

Text on black

6,58: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