#6318B4

#6318B4

Color Values

HEX

#6318B4

RGB

99, 24, 180

HSL

268.8, 76.5%, 40.0%

HSV

268.8, 86.7%, 70.6%

CMYK

45.0%, 86.7%, 0.0%, 29.4%

OKLCH

0.4322 0.2158 297.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6318B4

#69B418

Analogous

#181BB4

#B118B4

#6318B4

Triadic

#6318B4

#B46318

#18B463

Split Complementary

#6318B4

#B4B118

#1BB418

Tetradic

#6318B4

#B4181B

#69B418

#18B4B1

Color Blindness Simulation

Original

#6318B4

Protanopia

#43428E

Deuteranopia

#474C85

Tritanopia

#5F706A

Achromatopsia

#333333

CSS Usage

background-color: #6318B4;
color: #6318B4;
border-color: #6318B4;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DAC0F7
300
#C093F1
400
#9E58E9
500
#7C1EE1
600
#6318B4
700
#4F1390
800
#3E0F71
900
#2F0F52
950
#1E0A34

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026