#888FF2

#888FF2

Color Values

HEX

#888FF2

RGB

136, 143, 242

HSL

236.0, 80.3%, 74.1%

HSV

236.0, 43.8%, 94.9%

CMYK

43.8%, 40.9%, 0.0%, 5.1%

OKLCH

0.6874 0.1446 278.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#888FF2

#F2EB88

Analogous

#88C4F2

#B688F2

#888FF2

Triadic

#888FF2

#F2888F

#8FF288

Split Complementary

#888FF2

#F2B688

#C4F288

Tetradic

#888FF2

#F288C4

#F2EB88

#88F2B6

Color Blindness Simulation

Original

#888FF2

Protanopia

#8B8BDA

Deuteranopia

#8B8AD4

Tritanopia

#88C7C3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BFC2F8
300
#9197F3
400
#555FEC
500
#1927E6
600
#141FB8
700
#101993
800
#0D1373
900
#0D1253
950
#080B35

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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