#807BC3

#807BC3

Color Values

HEX

#807BC3

RGB

128, 123, 195

HSL

244.2, 37.5%, 62.4%

HSV

244.2, 36.9%, 76.5%

CMYK

34.4%, 36.9%, 0.0%, 23.5%

OKLCH

0.6173 0.1075 286.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#807BC3

#BEC37B

Analogous

#7B9AC3

#A47BC3

#807BC3

Triadic

#807BC3

#C3807B

#7BC380

Split Complementary

#807BC3

#C3A47B

#9AC37B

Tetradic

#807BC3

#C37B9A

#BEC37B

#7BC3A4

Color Blindness Simulation

Original

#807BC3

Protanopia

#7E7EB2

Deuteranopia

#7E7EAD

Tritanopia

#80A4A1

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AEABD9
400
#827DC4
500
#5650AF
600
#45408C
700
#373370
800
#2B2858
900
#222041
950
#161429

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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