#530BA0

#530BA0

Color Values

HEX

#530BA0

RGB

83, 11, 160

HSL

269.0, 87.1%, 33.5%

HSV

269.0, 93.1%, 62.7%

CMYK

48.1%, 93.1%, 0.0%, 37.3%

OKLCH

0.3856 0.2025 296.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#530BA0

#58A00B

Analogous

#0B0DA0

#9D0BA0

#530BA0

Triadic

#530BA0

#A0530B

#0BA053

Split Complementary

#530BA0

#A09D0B

#0DA00B

Tetradic

#530BA0

#A00B0D

#58A00B

#0BA09D

Color Blindness Simulation

Original

#530BA0

Protanopia

#34337C

Deuteranopia

#383D73

Tritanopia

#4F5F59

Achromatopsia

#252525

CSS Usage

background-color: #530BA0;
color: #530BA0;
border-color: #530BA0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFA
300
#C08CF7
400
#9E4EF3
500
#7C10EF
600
#630DBF
700
#4F0B99
800
#3E0877
900
#2F0A56
950
#1E0737

Contrast Checker

Text on white

10.92:1

AA Pass AAA Pass

Text on black

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