#730167

#730167

Color Values

HEX

#730167

RGB

115, 1, 103

HSL

306.3, 98.3%, 22.7%

HSV

306.3, 99.1%, 45.1%

CMYK

0.0%, 99.1%, 10.4%, 54.9%

OKLCH

0.3825 0.1701 334.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#730167

#01730D

Analogous

#460173

#73012E

#730167

Triadic

#730167

#677301

#016773

Split Complementary

#730167

#2E7301

#017346

Tetradic

#730167

#734601

#01730D

#012E73

Color Blindness Simulation

Original

#730167

Protanopia

#42414E

Deuteranopia

#485148

Tritanopia

#6D3B37

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB8F7
300
#FE86F1
400
#FD44EA
500
#FD02E3
600
#CA02B5
700
#A20191
800
#7E0171
900
#5B0652
950
#3A0434

Contrast Checker

Text on white

10.89:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026