#8286CF

#8286CF

Color Values

HEX

#8286CF

RGB

130, 134, 207

HSL

236.9, 44.5%, 66.1%

HSV

236.9, 37.2%, 81.2%

CMYK

37.2%, 35.3%, 0.0%, 18.8%

OKLCH

0.6468 0.1086 280.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8286CF

#CFCB82

Analogous

#82ADCF

#A582CF

#8286CF

Triadic

#8286CF

#CF8286

#86CF82

Split Complementary

#8286CF

#CFA582

#ADCF82

Tetradic

#8286CF

#CF82AD

#CFCB82

#82CFA5

Color Blindness Simulation

Original

#8286CF

Protanopia

#8484BD

Deuteranopia

#8483B9

Tritanopia

#82AFAC

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8286CF;
color: #8286CF;
border-color: #8286CF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEB
300
#A7A9DD
400
#777BCB
500
#474DB8
600
#393D93
700
#2D3176
800
#23265C
900
#1D1F44
950
#12142B

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

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