#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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026