#770FD9

#770FD9

Color Values

HEX

#770FD9

RGB

119, 15, 217

HSL

270.9, 87.1%, 45.5%

HSV

270.9, 93.1%, 85.1%

CMYK

45.2%, 93.1%, 0.0%, 14.9%

OKLCH

0.487 0.256 297.7

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#770FD9

#71D90F

Analogous

#120FD9

#D90FD6

#770FD9

Triadic

#770FD9

#D9770F

#0FD977

Split Complementary

#770FD9

#D6D90F

#0FD912

Tetradic

#770FD9

#D9120F

#71D90F

#0FD6D9

Color Blindness Simulation

Original

#770FD9

Protanopia

#4A49A8

Deuteranopia

#50589C

Tritanopia

#728179

Achromatopsia

#343434

CSS Usage

background-color: #770FD9;
color: #770FD9;
border-color: #770FD9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBCFA
300
#C38CF7
400
#A34EF3
500
#8310EF
600
#690DBF
700
#540B99
800
#410877
900
#320A56
950
#1F0737

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

2.85:1

AA Fail 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