#888BCF

#888BCF

Color Values

HEX

#888BCF

RGB

136, 139, 207

HSL

237.5, 42.5%, 67.3%

HSV

237.5, 34.3%, 81.2%

CMYK

34.3%, 32.9%, 0.0%, 18.8%

OKLCH

0.6614 0.1006 281.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#888BCF

#CFCC88

Analogous

#88AFCF

#A988CF

#888BCF

Triadic

#888BCF

#CF888B

#8BCF88

Split Complementary

#888BCF

#CFA988

#AFCF88

Tetradic

#888BCF

#CF88AF

#CFCC88

#88CFA9

Color Blindness Simulation

Original

#888BCF

Protanopia

#8989BF

Deuteranopia

#8989BB

Tritanopia

#88B2AF

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEA
300
#A8AADC
400
#797CC9
500
#494EB6
600
#3B3E91
700
#2F3274
800
#25275B
900
#1E1F43
950
#13142A

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64: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