#7F68DA

#7F68DA

Color Values

HEX

#7F68DA

RGB

127, 104, 218

HSL

252.1, 60.6%, 63.1%

HSV

252.1, 52.3%, 85.5%

CMYK

41.7%, 52.3%, 0.0%, 14.5%

OKLCH

0.5945 0.1676 289.6

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7F68DA

#C3DA68

Analogous

#688ADA

#B868DA

#7F68DA

Triadic

#7F68DA

#DA7F68

#68DA7F

Split Complementary

#7F68DA

#DAB868

#8ADA68

Tetradic

#7F68DA

#DA688A

#C3DA68

#68DAB8

Color Blindness Simulation

Original

#7F68DA

Protanopia

#7575BE

Deuteranopia

#7678B8

Tritanopia

#7EA9A4

Achromatopsia

#757575

CSS Usage

background-color: #7F68DA;
color: #7F68DA;
border-color: #7F68DA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CEC6F1
300
#AC9DE7
400
#7F67DA
500
#5132CD
600
#4128A4
700
#342083
800
#291966
900
#21164B
950
#150E2F

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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