#8883DC

#8883DC

Color Values

HEX

#8883DC

RGB

136, 131, 220

HSL

243.4, 56.0%, 68.8%

HSV

243.4, 40.5%, 86.3%

CMYK

38.2%, 40.5%, 0.0%, 13.7%

OKLCH

0.6524 0.1306 284.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8883DC

#D7DC83

Analogous

#83AADC

#B483DC

#8883DC

Triadic

#8883DC

#DC8883

#83DC88

Split Complementary

#8883DC

#DCB483

#AADC83

Tetradic

#8883DC

#DC83AA

#D7DC83

#83DCB4

Color Blindness Simulation

Original

#8883DC

Protanopia

#8686C6

Deuteranopia

#8686C1

Tritanopia

#88B5B2

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8883DC;
color: #8883DC;
border-color: #8883DC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC7EF
300
#A3A0E4
400
#726CD5
500
#4038C7
600
#332D9F
700
#29247F
800
#201C63
900
#1B1849
950
#110F2E

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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