#661CE3

#661CE3

Color Values

HEX

#661CE3

RGB

102, 28, 227

HSL

262.3, 78.0%, 50.0%

HSV

262.3, 87.7%, 89.0%

CMYK

55.1%, 87.7%, 0.0%, 11.0%

OKLCH

0.4845 0.2588 288.9

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#661CE3

#99E31C

Analogous

#1C36E3

#C91CE3

#661CE3

Triadic

#661CE3

#E3661C

#1CE366

Split Complementary

#661CE3

#E3C91C

#36E31C

Tetradic

#661CE3

#E31C36

#99E31C

#1CE3C9

Color Blindness Simulation

Original

#661CE3

Protanopia

#4645B3

Deuteranopia

#4A50A7

Tritanopia

#628D84

Achromatopsia

#3A3A3A

CSS Usage

background-color: #661CE3;
color: #661CE3;
border-color: #661CE3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F2FC
100
#EAE1F9
200
#D4BFF7
300
#B692F2
400
#8E57EA
500
#661CE3
600
#5216B6
700
#411291
800
#330E71
900
#280E52
950
#190934

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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