#613796

#613796

Color Values

HEX

#613796

RGB

97, 55, 150

HSL

266.5, 46.3%, 40.2%

HSV

266.5, 63.3%, 58.8%

CMYK

35.3%, 63.3%, 0.0%, 41.2%

OKLCH

0.438 0.15 300.7

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#613796

#6C9637

Analogous

#373D96

#903796

#613796

Triadic

#613796

#966137

#379661

Split Complementary

#613796

#969037

#3D9637

Tetradic

#613796

#96373D

#6C9637

#379690

Color Blindness Simulation

Original

#613796

Protanopia

#4F4E7F

Deuteranopia

#51547A

Tritanopia

#5F6D69

Achromatopsia

#474747

CSS Usage

background-color: #613796;
color: #613796;
border-color: #613796;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D9CBEC
300
#BEA5DE
400
#9C75CC
500
#7944BB
600
#603795
700
#4D2C77
800
#3C225D
900
#2E1C45
950
#1D122B

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026