#B64CF6

#B64CF6

Color Values

HEX

#B64CF6

RGB

182, 76, 246

HSL

277.4, 90.4%, 63.1%

HSV

277.4, 69.1%, 96.5%

CMYK

26.0%, 69.1%, 0.0%, 3.5%

OKLCH

0.6321 0.246 309.6

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B64CF6

#8CF64C

Analogous

#614CF6

#F64CE1

#B64CF6

Triadic

#B64CF6

#F6B64C

#4CF6B6

Split Complementary

#B64CF6

#E1F64C

#4CF661

Tetradic

#B64CF6

#F6614C

#8CF64C

#4CE1F6

Color Blindness Simulation

Original

#B64CF6

Protanopia

#8887CD

Deuteranopia

#8E96C3

Tritanopia

#B1ACA5

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E3BBFC
300
#CF8AF9
400
#B64BF6
500
#9C0CF3
600
#7D0AC2
700
#64089B
800
#4E0679
900
#3A0958
950
#250637

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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