#613EC1

#613EC1

Color Values

HEX

#613EC1

RGB

97, 62, 193

HSL

256,0, 51,4%, 50,0%

HSV

256,0, 67,9%, 75,7%

CMYK

49,7%, 67,9%, 0,0%, 24,3%

OKLCH

0,482 0,193 289,4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#613EC1

#9EC13E

Analogous

#3E5DC1

#A23EC1

#613EC1

Triadic

#613EC1

#C1613E

#3EC161

Split Complementary

#613EC1

#C1A23E

#5DC13E

Tetradic

#613EC1

#C13E5D

#9EC13E

#3EC1A2

Color Blindness Simulation

Original

#613EC1

Protanopia

#5252A1

Deuteranopia

#54569A

Tritanopia

#5F8883

Achromatopsia

#4F4F4F

CSS Usage

background-color: #613EC1;
color: #613EC1;
border-color: #613EC1;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D3C9EE
300
#B3A2E1
400
#8A70D1
500
#613EC1
600
#4E329A
700
#3E287C
800
#301F61
900
#261A47
950
#18102D

Contrast Checker

Text on white

7,08:1

AA Pass AAA Pass

Text on black

2,97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026