#6144FE

#6144FE

Color Values

HEX

#6144FE

RGB

97, 68, 254

HSL

249.4, 98.9%, 63.1%

HSV

249.4, 73.2%, 99.6%

CMYK

61.8%, 73.2%, 0.0%, 0.4%

OKLCH

0.544 0.2576 280.6

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#6144FE

#E1FE44

Analogous

#4484FE

#BE44FE

#6144FE

Triadic

#6144FE

#FE6144

#44FE61

Split Complementary

#6144FE

#FEBE44

#84FE44

Tetradic

#6144FE

#FE4484

#E1FE44

#44FEBE

Color Blindness Simulation

Original

#6144FE

Protanopia

#5454D1

Deuteranopia

#5658C6

Tritanopia

#60ADA6

Achromatopsia

#585858

CSS Usage

background-color: #6144FE;
color: #6144FE;
border-color: #6144FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F3F1FE
100
#E3DEFC
200
#C3B8FF
300
#9885FE
400
#6143FE
500
#2901FE
600
#2101CB
700
#1A01A2
800
#14017F
900
#13055C
950
#0C033A

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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