#7F81FC

#7F81FC

Color Values

HEX

#7F81FC

RGB

127, 129, 252

HSL

239.0, 95.4%, 74.3%

HSV

239.0, 49.6%, 98.8%

CMYK

49.6%, 48.8%, 0.0%, 1.2%

OKLCH

0.6606 0.1786 279.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#7F81FC

#FCFA7F

Analogous

#7FC0FC

#BB7FFC

#7F81FC

Triadic

#7F81FC

#FC7F81

#81FC7F

Split Complementary

#7F81FC

#FCBB7F

#C0FC7F

Tetradic

#7F81FC

#FC7FC0

#FCFA7F

#7FFCBB

Color Blindness Simulation

Original

#7F81FC

Protanopia

#8080DE

Deuteranopia

#8080D7

Tritanopia

#7FC7C2

Achromatopsia

#898989

CSS Usage

background-color: #7F81FC;
color: #7F81FC;
border-color: #7F81FC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8789FC
400
#474AFB
500
#060AF9
600
#0508C7
700
#04069F
800
#03057D
900
#07085A
950
#040539

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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