#8683E3

#8683E3

Color Values

HEX

#8683E3

RGB

134, 131, 227

HSL

241.9, 63.2%, 70.2%

HSV

241.9, 42.3%, 89.0%

CMYK

41.0%, 42.3%, 0.0%, 11.0%

OKLCH

0.6547 0.1406 283.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8683E3

#E0E383

Analogous

#83B0E3

#B683E3

#8683E3

Triadic

#8683E3

#E38683

#83E386

Split Complementary

#8683E3

#E3B683

#B0E383

Tetradic

#8683E3

#E383B0

#E0E383

#83E3B6

Color Blindness Simulation

Original

#8683E3

Protanopia

#8585CC

Deuteranopia

#8585C6

Tritanopia

#86B9B5

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8683E3;
color: #8683E3;
border-color: #8683E3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FB
100
#E4E4F7
200
#C6C5F2
300
#9E9BE8
400
#6965DC
500
#342FD0
600
#2A26A6
700
#211E85
800
#1A1768
900
#17154C
950
#0E0D30

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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