#8C83CF

#8C83CF

Color Values

HEX

#8C83CF

RGB

140, 131, 207

HSL

247,1, 44,2%, 66,3%

HSV

247,1, 36,7%, 81,2%

CMYK

32,4%, 36,7%, 0,0%, 18,8%

OKLCH

0,6488 0,112 288,3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8C83CF

#C6CF83

Analogous

#83A0CF

#B283CF

#8C83CF

Triadic

#8C83CF

#CF8C83

#83CF8C

Split Complementary

#8C83CF

#CFB283

#A0CF83

Tetradic

#8C83CF

#CF83A0

#C6CF83

#83CFB2

Color Blindness Simulation

Original

#8C83CF

Protanopia

#8888BD

Deuteranopia

#8989B8

Tritanopia

#8CAEAB

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8C83CF;
color: #8C83CF;
border-color: #8C83CF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCCEB
300
#ADA7DD
400
#8177CA
500
#5447B8
600
#443993
700
#362E76
800
#2A245C
900
#221D44
950
#15122B

Contrast Checker

Text on white

3,35:1

AA Fail AAA Fail

Text on black

6,26:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026