#807DF0

#807DF0

Color Values

HEX

#807DF0

RGB

128, 125, 240

HSL

241.6, 79.3%, 71.6%

HSV

241.6, 47.9%, 94.1%

CMYK

46.7%, 47.9%, 0.0%, 5.9%

OKLCH

0.6465 0.1676 281.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#807DF0

#EDF07D

Analogous

#7DB4F0

#BA7DF0

#807DF0

Triadic

#807DF0

#F0807D

#7DF080

Split Complementary

#807DF0

#F0BA7D

#B4F07D

Tetradic

#807DF0

#F07DB4

#EDF07D

#7DF0BA

Color Blindness Simulation

Original

#807DF0

Protanopia

#7F7FD4

Deuteranopia

#7F7FCE

Tritanopia

#80BEB9

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C0BFF8
300
#9491F2
400
#5A56EB
500
#201AE5
600
#1915B7
700
#141192
800
#100D72
900
#100E53
950
#0A0934

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026