#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026