#751656

#751656

Color Values

HEX

#751656

RGB

117, 22, 86

HSL

319,6, 68,3%, 27,3%

HSV

319,6, 81,2%, 45,9%

CMYK

0,0%, 81,2%, 26,5%, 54,1%

OKLCH

0,3882 0,1441 344,8

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#751656

#167535

Analogous

#651675

#751627

#751656

Triadic

#751656

#567516

#165675

Split Complementary

#751656

#277516

#167565

Tetradic

#751656

#756516

#167535

#162775

Color Blindness Simulation

Original

#751656

Protanopia

#4C4B47

Deuteranopia

#515843

Tritanopia

#703A38

Achromatopsia

#2F2F2F

CSS Usage

background-color: #751656;
color: #751656;
border-color: #751656;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F9
100
#F8E3F1
200
#F4C3E4
300
#EC98D0
400
#E160B7
500
#D7289E
600
#AC207E
700
#891A65
800
#6B144F
900
#4E133B
950
#310C25

Contrast Checker

Text on white

10,47:1

AA Pass AAA Pass

Text on black

2,01:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026