#772ABB

#772ABB

Color Values

HEX

#772ABB

RGB

119, 42, 187

HSL

271.9, 63.3%, 44.9%

HSV

271.9, 77.5%, 73.3%

CMYK

36.4%, 77.5%, 0.0%, 26.7%

OKLCH

0.4774 0.2107 303.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#772ABB

#6EBB2A

Analogous

#2F2ABB

#BB2AB6

#772ABB

Triadic

#772ABB

#BB772A

#2ABB77

Split Complementary

#772ABB

#B6BB2A

#2ABB2F

Tetradic

#772ABB

#BB2F2A

#6EBB2A

#2AB6BB

Color Blindness Simulation

Original

#772ABB

Protanopia

#565598

Deuteranopia

#5A6090

Tritanopia

#737C76

Achromatopsia

#454545

CSS Usage

background-color: #772ABB;
color: #772ABB;
border-color: #772ABB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F2
300
#C49BE9
400
#A465DC
500
#852FD0
600
#6A25A7
700
#551E85
800
#421768
900
#32154C
950
#200D30

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

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