#888AC6

#888AC6

Color Values

HEX

#888AC6

RGB

136, 138, 198

HSL

238.1, 35.2%, 65.5%

HSV

238.1, 31.3%, 77.6%

CMYK

31.3%, 30.3%, 0.0%, 22.4%

OKLCH

0.6551 0.089 282.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#888AC6

#C6C488

Analogous

#88A9C6

#A588C6

#888AC6

Triadic

#888AC6

#C6888A

#8AC688

Split Complementary

#888AC6

#C6A588

#A9C688

Tetradic

#888AC6

#C688A9

#C6C488

#88C6A5

Color Blindness Simulation

Original

#888AC6

Protanopia

#8989B7

Deuteranopia

#8989B4

Tritanopia

#88ACAA

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFD0E8
300
#ACAED7
400
#7F82C2
500
#5355AC
600
#42448A
700
#35376E
800
#292B56
900
#212240
950
#151628

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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