#752A55

#752A55

Color Values

HEX

#752A55

RGB

117, 42, 85

HSL

325.6, 47.2%, 31.2%

HSV

325.6, 64.1%, 45.9%

CMYK

0.0%, 64.1%, 27.4%, 54.1%

OKLCH

0.4088 0.1166 348.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#752A55

#2A754A

Analogous

#702A75

#752A30

#752A55

Triadic

#752A55

#55752A

#2A5575

Split Complementary

#752A55

#30752A

#2A7570

Tetradic

#752A55

#75702A

#2A754A

#2A3075

Color Blindness Simulation

Original

#752A55

Protanopia

#55544B

Deuteranopia

#595E48

Tritanopia

#714241

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C6
400
#CD74A7
500
#BC4388
600
#96366D
700
#782B57
800
#5E2244
900
#451C33
950
#2C1221

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

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