#6411B0

#6411B0

Color Values

HEX

#6411B0

RGB

100, 17, 176

HSL

271.3, 82.4%, 37.8%

HSV

271.3, 90.3%, 69.0%

CMYK

43.2%, 90.3%, 0.0%, 31.0%

OKLCH

0.4255 0.2163 299.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6411B0

#5DB011

Analogous

#1411B0

#B011AC

#6411B0

Triadic

#6411B0

#B06411

#11B064

Split Complementary

#6411B0

#ACB011

#11B014

Tetradic

#6411B0

#B01411

#5DB011

#11ACB0

Color Blindness Simulation

Original

#6411B0

Protanopia

#403F8A

Deuteranopia

#454B80

Tritanopia

#606B64

Achromatopsia

#2E2E2E

CSS Usage

background-color: #6411B0;
color: #6411B0;
border-color: #6411B0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C48FF4
400
#A453EE
500
#8416E9
600
#6A12BA
700
#550E95
800
#420B74
900
#320D54
950
#200835

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

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