#888CCE

#888CCE

Color Values

HEX

#888CCE

RGB

136, 140, 206

HSL

236.6, 41.7%, 67.1%

HSV

236.6, 34.0%, 80.8%

CMYK

34.0%, 32.0%, 0.0%, 19.2%

OKLCH

0.663 0.0978 280.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#888CCE

#CECA88

Analogous

#88AFCE

#A788CE

#888CCE

Triadic

#888CCE

#CE888C

#8CCE88

Split Complementary

#888CCE

#CEA788

#AFCE88

Tetradic

#888CCE

#CE88AF

#CECA88

#88CEA7

Color Blindness Simulation

Original

#888CCE

Protanopia

#8A8ABE

Deuteranopia

#8A89BA

Tritanopia

#88B1AF

Achromatopsia

#909090

CSS Usage

background-color: #888CCE;
color: #888CCE;
border-color: #888CCE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CCCEEA
300
#A8ABDB
400
#797EC8
500
#4A50B5
600
#3B4091
700
#303374
800
#25285A
900
#1E2043
950
#13142A

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

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