#8688F2

#8688F2

Color Values

HEX

#8688F2

RGB

134, 136, 242

HSL

238.9, 80.6%, 73.7%

HSV

238.9, 44.6%, 94.9%

CMYK

44.6%, 43.8%, 0.0%, 5.1%

OKLCH

0.6726 0.1545 280.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8688F2

#F2F086

Analogous

#86BEF2

#BA86F2

#8688F2

Triadic

#8688F2

#F28688

#88F286

Split Complementary

#8688F2

#F2BA86

#BEF286

Tetradic

#8688F2

#F286BE

#F2F086

#86F2BA

Color Blindness Simulation

Original

#8688F2

Protanopia

#8787D8

Deuteranopia

#8787D2

Tritanopia

#86C4C0

Achromatopsia

#8F8F8F

CSS Usage

background-color: #8688F2;
color: #8688F2;
border-color: #8688F2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFC0F8
300
#9092F3
400
#5557ED
500
#191DE6
600
#1417B8
700
#101293
800
#0C0E73
900
#0D0F54
950
#080935

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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