#B64DF9

#B64DF9

Color Values

HEX

#B64DF9

RGB

182, 77, 249

HSL

276.6, 93.5%, 63.9%

HSV

276.6, 69.1%, 97.6%

CMYK

26.9%, 69.1%, 0.0%, 2.4%

OKLCH

0.6352 0.2477 308.9

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B64DF9

#90F94D

Analogous

#604DF9

#F94DE6

#B64DF9

Triadic

#B64DF9

#F9B64D

#4DF9B6

Split Complementary

#B64DF9

#E6F94D

#4DF960

Tetradic

#B64DF9

#F9604D

#90F94D

#4DE6F9

Color Blindness Simulation

Original

#B64DF9

Protanopia

#8988CF

Deuteranopia

#8F96C5

Tritanopia

#B1AEA7

Achromatopsia

#707070

CSS Usage

background-color: #B64DF9;
color: #B64DF9;
border-color: #B64DF9;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E3BAFD
300
#CE89FB
400
#B448F9
500
#9A08F7
600
#7B07C5
700
#62059E
800
#4D047B
900
#390859
950
#240538

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass 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