#751672

#751672

Color Values

HEX

#751672

RGB

117, 22, 114

HSL

301.9, 68.3%, 27.3%

HSV

301.9, 81.2%, 45.9%

CMYK

0.0%, 81.2%, 2.6%, 54.1%

OKLCH

0.4038 0.1642 329.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#751672

#167519

Analogous

#491675

#751643

#751672

Triadic

#751672

#727516

#167275

Split Complementary

#751672

#437516

#167549

Tetradic

#751672

#754916

#167519

#164375

Color Blindness Simulation

Original

#751672

Protanopia

#4C4B5C

Deuteranopia

#515856

Tritanopia

#704A46

Achromatopsia

#313131

CSS Usage

background-color: #751672;
color: #751672;
border-color: #751672;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FC
100
#F8E3F7
200
#F4C3F2
300
#EC98E9
400
#E160DD
500
#D728D1
600
#AC20A7
700
#891A86
800
#6B1469
900
#4E134C
950
#310C30

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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