#614EF6

#614EF6

Color Values

HEX

#614EF6

RGB

97, 78, 246

HSL

246.8, 90.3%, 63.5%

HSV

246.8, 68.3%, 96.5%

CMYK

60.6%, 68.3%, 0.0%, 3.5%

OKLCH

0.5501 0.2384 280.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#614EF6

#E3F64E

Analogous

#4E8FF6

#B54EF6

#614EF6

Triadic

#614EF6

#F6614E

#4EF661

Split Complementary

#614EF6

#F6B54E

#8FF64E

Tetradic

#614EF6

#F64E8F

#E3F64E

#4EF6B5

Color Blindness Simulation

Original

#614EF6

Protanopia

#5959CD

Deuteranopia

#5A5BC4

Tritanopia

#60ADA6

Achromatopsia

#5E5E5E

CSS Usage

background-color: #614EF6;
color: #614EF6;
border-color: #614EF6;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C2BBFC
300
#978BF9
400
#5F4BF6
500
#260CF3
600
#1F0AC2
700
#19089B
800
#130679
900
#120958
950
#0B0637

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026