#7F65DC

#7F65DC

Color Values

HEX

#7F65DC

RGB

127, 101, 220

HSL

253.1, 63.0%, 62.9%

HSV

253.1, 54.1%, 86.3%

CMYK

42.3%, 54.1%, 0.0%, 13.7%

OKLCH

0.5906 0.1745 290.1

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7F65DC

#C2DC65

Analogous

#6586DC

#BA65DC

#7F65DC

Triadic

#7F65DC

#DC7F65

#65DC7F

Split Complementary

#7F65DC

#DCBA65

#86DC65

Tetradic

#7F65DC

#DC6586

#C2DC65

#65DCBA

Color Blindness Simulation

Original

#7F65DC

Protanopia

#7474BF

Deuteranopia

#7577B8

Tritanopia

#7EA8A3

Achromatopsia

#737373

CSS Usage

background-color: #7F65DC;
color: #7F65DC;
border-color: #7F65DC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CFC5F2
300
#AC9BE8
400
#7F65DC
500
#522FD0
600
#4226A6
700
#351E85
800
#291868
900
#21154C
950
#150D30

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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