#712C70

#712C70

Color Values

HEX

#712C70

RGB

113, 44, 112

HSL

300.9, 43.9%, 30.8%

HSV

300.9, 61.1%, 44.3%

CMYK

0.0%, 61.1%, 0.9%, 55.7%

OKLCH

0.4186 0.1318 328.2

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#712C70

#2C712D

Analogous

#502C71

#712C4E

#712C70

Triadic

#712C70

#70712C

#2C7071

Split Complementary

#712C70

#4E712C

#2C7150

Tetradic

#712C70

#71502C

#2C712D

#2C4E71

Color Blindness Simulation

Original

#712C70

Protanopia

#535360

Deuteranopia

#575C5C

Tritanopia

#6E5350

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCCEB
300
#DDA7DC
400
#CA77C9
500
#B748B6
600
#933991
700
#752E74
800
#5C245B
900
#441D43
950
#2B132A

Contrast Checker

Text on white

9.14:1

AA Pass AAA Pass

Text on black

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