#6C18DF

#6C18DF

Color Values

HEX

#6C18DF

RGB

108, 24, 223

HSL

265.3, 80.6%, 48.4%

HSV

265.3, 89.2%, 87.5%

CMYK

51.6%, 89.2%, 0.0%, 12.5%

OKLCH

0.4844 0.257 292.1

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#6C18DF

#8BDF18

Analogous

#1828DF

#CF18DF

#6C18DF

Triadic

#6C18DF

#DF6C18

#18DF6C

Split Complementary

#6C18DF

#DFCF18

#28DF18

Tetradic

#6C18DF

#DF1828

#8BDF18

#18DFCF

Color Blindness Simulation

Original

#6C18DF

Protanopia

#4847AF

Deuteranopia

#4C53A3

Tritanopia

#688980

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE1F9
200
#D7BFF8
300
#BA90F3
400
#9555ED
500
#6F19E6
600
#5914B8
700
#471093
800
#380C73
900
#2B0D54
950
#1B0835

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026