#8683CE

#8683CE

Color Values

HEX

#8683CE

RGB

134, 131, 206

HSL

242.4, 43.4%, 66.1%

HSV

242.4, 36.4%, 80.8%

CMYK

35.0%, 36.4%, 0.0%, 19.2%

OKLCH

0.6435 0.111 284.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8683CE

#CBCE83

Analogous

#83A6CE

#AC83CE

#8683CE

Triadic

#8683CE

#CE8683

#83CE86

Split Complementary

#8683CE

#CEAC83

#A6CE83

Tetradic

#8683CE

#CE83A6

#CBCE83

#83CEAC

Color Blindness Simulation

Original

#8683CE

Protanopia

#8585BC

Deuteranopia

#8585B8

Tritanopia

#86AEAA

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CDCCEB
300
#A9A7DC
400
#7B78CA
500
#4D48B7
600
#3D3A92
700
#312E75
800
#26245B
900
#1F1E43
950
#14132B

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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