#713076

#713076

Color Values

HEX

#713076

RGB

113, 48, 118

HSL

295.7, 42.2%, 32.5%

HSV

295.7, 59.3%, 46.3%

CMYK

4.2%, 59.3%, 0.0%, 53.7%

OKLCH

0.4274 0.1311 324.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#713076

#357630

Analogous

#4E3076

#763058

#713076

Triadic

#713076

#767130

#307671

Split Complementary

#713076

#587630

#30764E

Tetradic

#713076

#764E30

#357630

#305876

Color Blindness Simulation

Original

#713076

Protanopia

#555465

Deuteranopia

#595E61

Tritanopia

#6E5855

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E8CCEA
300
#D8A8DC
400
#C379C8
500
#AE4AB5
600
#8B3B91
700
#6F2F74
800
#57255B
900
#401E43
950
#29132A

Contrast Checker

Text on white

8.8:1

AA Pass AAA Pass

Text on black

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