#513666

#513666

Color Values

HEX

#513666

RGB

81, 54, 102

HSL

273.8, 30.8%, 30.6%

HSV

273.8, 47.1%, 40.0%

CMYK

20.6%, 47.1%, 0.0%, 60.0%

OKLCH

0.3858 0.0847 308.9

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#513666

#4B6636

Analogous

#393666

#663663

#513666

Triadic

#513666

#665136

#366651

Split Complementary

#513666

#636636

#366639

Tetradic

#513666

#663936

#4B6636

#366366

Color Blindness Simulation

Original

#513666

Protanopia

#45455A

Deuteranopia

#474958

Tritanopia

#50514F

Achromatopsia

#3F3F3F

CSS Usage

background-color: #513666;
color: #513666;
border-color: #513666;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E6
300
#C4AFD5
400
#A484BE
500
#8458A7
600
#6A4785
700
#55386B
800
#422C53
900
#32233E
950
#201627

Contrast Checker

Text on white

10.15:1

AA Pass AAA Pass

Text on black

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