#8683F4

#8683F4

Color Values

HEX

#8683F4

RGB

134, 131, 244

HSL

241.6, 83.7%, 73.5%

HSV

241.6, 46.3%, 95.7%

CMYK

45.1%, 46.3%, 0.0%, 4.3%

OKLCH

0.6645 0.164 282.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8683F4

#F1F483

Analogous

#83B8F4

#BE83F4

#8683F4

Triadic

#8683F4

#F48683

#83F486

Split Complementary

#8683F4

#F4BE83

#B8F483

Tetradic

#8683F4

#F483B8

#F1F483

#83F4BE

Color Blindness Simulation

Original

#8683F4

Protanopia

#8585D9

Deuteranopia

#8585D2

Tritanopia

#86C3BE

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDF9
300
#918FF5
400
#5652F0
500
#1A15EA
600
#1511BB
700
#110D96
800
#0D0A75
900
#0E0C55
950
#090836

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026