#610DB5

#610DB5

Color Values

HEX

#610DB5

RGB

97, 13, 181

HSL

270.0, 86.6%, 38.0%

HSV

270.0, 92.8%, 71.0%

CMYK

46.4%, 92.8%, 0.0%, 29.0%

OKLCH

0.4247 0.2224 297.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#610DB5

#61B50D

Analogous

#0D0DB5

#B50DB5

#610DB5

Triadic

#610DB5

#B5610D

#0DB561

Split Complementary

#610DB5

#B5B50D

#0DB50D

Tetradic

#610DB5

#B50D0D

#61B50D

#0DB5B5

Color Blindness Simulation

Original

#610DB5

Protanopia

#3D3C8C

Deuteranopia

#424883

Tritanopia

#5D6C65

Achromatopsia

#2B2B2B

CSS Usage

background-color: #610DB5;
color: #610DB5;
border-color: #610DB5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBCFA
300
#C28DF7
400
#A14FF2
500
#8011EE
600
#660EBE
700
#520B98
800
#400977
900
#300B56
950
#1F0736

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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