#886DFC

#886DFC

Color Values

HEX

#886DFC

RGB

136, 109, 252

HSL

251.3, 96.0%, 70.8%

HSV

251.3, 56.7%, 98.8%

CMYK

46.0%, 56.7%, 0.0%, 1.2%

OKLCH

0.6331 0.2041 287.8

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#886DFC

#E1FC6D

Analogous

#6D9AFC

#CF6DFC

#886DFC

Triadic

#886DFC

#FC886D

#6DFC88

Split Complementary

#886DFC

#FCCF6D

#9AFC6D

Tetradic

#886DFC

#FC6D9A

#E1FC6D

#6DFCCF

Color Blindness Simulation

Original

#886DFC

Protanopia

#7C7CD9

Deuteranopia

#7E80D1

Tritanopia

#87BEB8

Achromatopsia

#7D7D7D

CSS Usage

background-color: #886DFC;
color: #886DFC;
border-color: #886DFC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F1FE
100
#E4DFFC
200
#C6B9FE
300
#9D87FD
400
#6846FB
500
#3305FA
600
#2904C8
700
#2103A0
800
#1A037D
900
#16075A
950
#0E0439

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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