#826CB2

#826CB2

Color Values

HEX

#826CB2

RGB

130, 108, 178

HSL

258.9, 31.2%, 56.1%

HSV

258.9, 39.3%, 69.8%

CMYK

27.0%, 39.3%, 0.0%, 30.2%

OKLCH

0.5812 0.1072 297.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#826CB2

#9CB26C

Analogous

#6C79B2

#A56CB2

#826CB2

Triadic

#826CB2

#B2826C

#6CB282

Split Complementary

#826CB2

#B2A56C

#79B26C

Tetradic

#826CB2

#B26C79

#9CB26C

#6CB2A5

Color Blindness Simulation

Original

#826CB2

Protanopia

#7878A1

Deuteranopia

#7A7B9D

Tritanopia

#819491

Achromatopsia

#767676

CSS Usage

background-color: #826CB2;
color: #826CB2;
border-color: #826CB2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F7F5F9
100
#EBE8F2
200
#D7D0E6
300
#BBAFD5
400
#9683BE
500
#7158A7
600
#5A4686
700
#48386B
800
#382C54
900
#2B233E
950
#1B1627

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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