#7736BC

#7736BC

Color Values

HEX

#7736BC

RGB

119, 54, 188

HSL

269.1, 55.4%, 47.5%

HSV

269.1, 71.3%, 73.7%

CMYK

36.7%, 71.3%, 0.0%, 26.3%

OKLCH

0.4909 0.1987 301.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7736BC

#7BBC36

Analogous

#3638BC

#BA36BC

#7736BC

Triadic

#7736BC

#BC7736

#36BC77

Split Complementary

#7736BC

#BCBA36

#38BC36

Tetradic

#7736BC

#BC3638

#7BBC36

#36BCBA

Color Blindness Simulation

Original

#7736BC

Protanopia

#5B5A9C

Deuteranopia

#5F6494

Tritanopia

#74827C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #7736BC;
color: #7736BC;
border-color: #7736BC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C1A0E4
400
#9F6CD5
500
#7D39C6
600
#642D9F
700
#50247F
800
#3F1C63
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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