#807BC6

#807BC6

Color Values

HEX

#807BC6

RGB

128, 123, 198

HSL

244.0, 39.7%, 62.9%

HSV

244.0, 37.9%, 77.6%

CMYK

35.4%, 37.9%, 0.0%, 22.4%

OKLCH

0.6188 0.1118 285.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#807BC6

#C1C67B

Analogous

#7B9BC6

#A57BC6

#807BC6

Triadic

#807BC6

#C6807B

#7BC680

Split Complementary

#807BC6

#C6A57B

#9BC67B

Tetradic

#807BC6

#C67B9B

#C1C67B

#7BC6A5

Color Blindness Simulation

Original

#807BC6

Protanopia

#7E7EB4

Deuteranopia

#7E7EB0

Tritanopia

#80A6A2

Achromatopsia

#818181

CSS Usage

background-color: #807BC6;
color: #807BC6;
border-color: #807BC6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#807BC6
500
#544DB2
600
#433E8E
700
#363172
800
#2A2659
900
#211F42
950
#15142A

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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