#888EF1

#888EF1

Color Values

HEX

#888EF1

RGB

136, 142, 241

HSL

236,6, 78,9%, 73,9%

HSV

236,6, 43,6%, 94,5%

CMYK

43,6%, 41,1%, 0,0%, 5,5%

OKLCH

0,6849 0,1446 279,2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#888EF1

#F1EB88

Analogous

#88C2F1

#B688F1

#888EF1

Triadic

#888EF1

#F1888E

#8EF188

Split Complementary

#888EF1

#F1B688

#C2F188

Tetradic

#888EF1

#F188C2

#F1EB88

#88F1B6

Color Blindness Simulation

Original

#888EF1

Protanopia

#8B8BD9

Deuteranopia

#8A8AD3

Tritanopia

#88C6C2

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC2F7
300
#9297F2
400
#565FEB
500
#1B26E4
600
#161FB6
700
#111992
800
#0D1372
900
#0E1253
950
#090B34

Contrast Checker

Text on white

2,92:1

AA Fail AAA Fail

Text on black

7,19:1

AA Pass AAA Pass

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