#5646FB

#5646FB

Color Values

HEX

#5646FB

RGB

86, 70, 251

HSL

245.3, 95.8%, 62.9%

HSV

245.3, 72.1%, 98.4%

CMYK

65.7%, 72.1%, 0.0%, 1.6%

OKLCH

0.5358 0.2544 277.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5646FB

#EBFB46

Analogous

#4690FB

#B046FB

#5646FB

Triadic

#5646FB

#FB5646

#46FB56

Split Complementary

#5646FB

#FBB046

#90FB46

Tetradic

#5646FB

#FB4690

#EBFB46

#46FBB0

Color Blindness Simulation

Original

#5646FB

Protanopia

#4F4FCF

Deuteranopia

#5051C5

Tritanopia

#55ADA5

Achromatopsia

#565656

CSS Usage

background-color: #5646FB;
color: #5646FB;
border-color: #5646FB;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#BFB9FE
300
#9287FC
400
#5646FB
500
#1B05FA
600
#1604C8
700
#1103A0
800
#0D037D
900
#0E075A
950
#090439

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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