#888CF9

#888CF9

Color Values

HEX

#888CF9

RGB

136, 140, 249

HSL

237.9, 90.4%, 75.5%

HSV

237.9, 45.4%, 97.6%

CMYK

45.4%, 43.8%, 0.0%, 2.4%

OKLCH

0.6856 0.1583 279.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#888CF9

#F9F588

Analogous

#88C4F9

#BD88F9

#888CF9

Triadic

#888CF9

#F9888C

#8CF988

Split Complementary

#888CF9

#F9BD88

#C4F988

Tetradic

#888CF9

#F988C4

#F9F588

#88F9BD

Color Blindness Simulation

Original

#888CF9

Protanopia

#8A8ADF

Deuteranopia

#8A89D8

Tritanopia

#88CAC5

Achromatopsia

#939393

CSS Usage

background-color: #888CF9;
color: #888CF9;
border-color: #888CF9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8EF9
400
#4B51F6
500
#0C14F3
600
#0A10C2
700
#080D9B
800
#060A79
900
#090C58
950
#060737

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

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