#660CF3

#660CF3

Color Values

HEX

#660CF3

RGB

102, 12, 243

HSL

263.4, 90.6%, 50.0%

HSV

263.4, 95.1%, 95.3%

CMYK

58.0%, 95.1%, 0.0%, 4.7%

OKLCH

0.494 0.28 286.9

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#660CF3

#99F30C

Analogous

#0C25F3

#DA0CF3

#660CF3

Triadic

#660CF3

#F3660C

#0CF366

Split Complementary

#660CF3

#F3DA0C

#25F30C

Tetradic

#660CF3

#F30C25

#99F30C

#0CF3DA

Color Blindness Simulation

Original

#660CF3

Protanopia

#3F3EBB

Deuteranopia

#444BAE

Tritanopia

#618F85

Achromatopsia

#303030

CSS Usage

background-color: #660CF3;
color: #660CF3;
border-color: #660CF3;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D4BBFC
300
#B68AF9
400
#8E4BF6
500
#660CF3
600
#520AC2
700
#41089C
800
#33067A
900
#280958
950
#190638

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

2.91:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026