#712467

#712467

Color Values

HEX

#712467

RGB

113, 36, 103

HSL

307.8, 51.7%, 29.2%

HSV

307.8, 68.1%, 44.3%

CMYK

0.0%, 68.1%, 8.8%, 55.7%

OKLCH

0.4038 0.1361 333.3

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#712467

#24712E

Analogous

#542471

#712440

#712467

Triadic

#712467

#677124

#246771

Split Complementary

#712467

#407124

#247154

Tetradic

#712467

#715424

#24712E

#244071

Color Blindness Simulation

Original

#712467

Protanopia

#504F57

Deuteranopia

#545A53

Tritanopia

#6D4A47

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2D9
400
#D170C5
500
#C13EB0
600
#9B318D
700
#7C2771
800
#611F58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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