#888AE2

#888AE2

Color Values

HEX

#888AE2

RGB

136, 138, 226

HSL

238.7, 60.8%, 71.0%

HSV

238.7, 39.8%, 88.6%

CMYK

39.8%, 38.9%, 0.0%, 11.4%

OKLCH

0.6691 0.1291 281.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#888AE2

#E2E088

Analogous

#88B7E2

#B388E2

#888AE2

Triadic

#888AE2

#E2888A

#8AE288

Split Complementary

#888AE2

#E2B388

#B7E288

Tetradic

#888AE2

#E288B7

#E2E088

#88E2B3

Color Blindness Simulation

Original

#888AE2

Protanopia

#8989CD

Deuteranopia

#8989C8

Tritanopia

#88BCB8

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C6C7F1
300
#9D9EE7
400
#676ADA
500
#3235CD
600
#282BA4
700
#202283
800
#191B67
900
#16174B
950
#0E0F2F

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.78:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026