#711374

#711374

Color Values

HEX

#711374

RGB

113, 19, 116

HSL

298.1, 71.9%, 26.5%

HSV

298.1, 83.6%, 45.5%

CMYK

2.6%, 83.6%, 0.0%, 54.5%

OKLCH

0.3964 0.1666 326.7

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#711374

#167413

Analogous

#401374

#741347

#711374

Triadic

#711374

#747113

#137471

Split Complementary

#711374

#477413

#137440

Tetradic

#711374

#744013

#167413

#134774

Color Blindness Simulation

Original

#711374

Protanopia

#48475D

Deuteranopia

#4E5557

Tritanopia

#6C4A46

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E2F8
200
#F3C2F5
300
#EB96EE
400
#E05DE4
500
#D524DB
600
#AB1DAF
700
#89178C
800
#6B126E
900
#4E1150
950
#310B32

Contrast Checker

Text on white

10.26:1

AA Pass AAA Pass

Text on black

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