#751070

#751070

Color Values

HEX

#751070

RGB

117, 16, 112

HSL

303.0, 75.9%, 26.1%

HSV

303.0, 86.3%, 45.9%

CMYK

0.0%, 86.3%, 4.3%, 54.1%

OKLCH

0.3986 0.1679 330.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#751070

#107515

Analogous

#481075

#75103E

#751070

Triadic

#751070

#707510

#107075

Split Complementary

#751070

#3E7510

#107548

Tetradic

#751070

#754810

#107515

#103E75

Color Blindness Simulation

Original

#751070

Protanopia

#494859

Deuteranopia

#4F5753

Tritanopia

#704642

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F6C0F4
300
#F093EC
400
#E859E1
500
#E01FD7
600
#B319AC
700
#901489
800
#700F6B
900
#520F4E
950
#340A31

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

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