#71306F

#71306F

Color Values

HEX

#71306F

RGB

113, 48, 111

HSL

301.8, 40.4%, 31.6%

HSV

301.8, 57.5%, 44.3%

CMYK

0.0%, 57.5%, 1.8%, 55.7%

OKLCH

0.4235 0.1243 328.7

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#71306F

#307132

Analogous

#533071

#71304F

#71306F

Triadic

#71306F

#6F7130

#306F71

Split Complementary

#71306F

#4F7130

#307153

Tetradic

#71306F

#715330

#307132

#304F71

Color Blindness Simulation

Original

#71306F

Protanopia

#555460

Deuteranopia

#595E5C

Tritanopia

#6E5451

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9D9
400
#C77BC4
500
#B34CB0
600
#8F3D8D
700
#733171
800
#5A2658
900
#421F41
950
#2A1329

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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