#712176

#712176

Color Values

HEX

#712176

RGB

113, 33, 118

HSL

296.5, 56.3%, 29.6%

HSV

296.5, 72.0%, 46.3%

CMYK

4.2%, 72.0%, 0.0%, 53.7%

OKLCH

0.4094 0.1532 325.4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#712176

#267621

Analogous

#472176

#762150

#712176

Triadic

#712176

#767121

#217671

Split Complementary

#712176

#507621

#217647

Tetradic

#712176

#764721

#267621

#215076

Color Blindness Simulation

Original

#712176

Protanopia

#4E4E61

Deuteranopia

#53595C

Tritanopia

#6D514E

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EDC7EF
300
#E09FE4
400
#D06CD6
500
#BF38C7
600
#992D9F
700
#7A2480
800
#5F1C64
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

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