#730DB0

#730DB0

Color Values

HEX

#730DB0

RGB

115, 13, 176

HSL

277.5, 86.2%, 37.1%

HSV

277.5, 92.6%, 69.0%

CMYK

34.7%, 92.6%, 0.0%, 31.0%

OKLCH

0.4433 0.2209 306.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#730DB0

#4AB00D

Analogous

#210DB0

#B00D9C

#730DB0

Triadic

#730DB0

#B0730D

#0DB073

Split Complementary

#730DB0

#9CB00D

#0DB021

Tetradic

#730DB0

#B0210D

#4AB00D

#0D9CB0

Color Blindness Simulation

Original

#730DB0

Protanopia

#474689

Deuteranopia

#4D547F

Tritanopia

#6E6963

Achromatopsia

#2E2E2E

CSS Usage

background-color: #730DB0;
color: #730DB0;
border-color: #730DB0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E3BDFA
300
#CF8DF7
400
#B54FF2
500
#9B12ED
600
#7C0EBE
700
#630B98
800
#4D0977
900
#3A0B56
950
#250736

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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