#B264FF

#B264FF

Color Values

HEX

#B264FF

RGB

178, 100, 255

HSL

270.2, 100.0%, 69.6%

HSV

270.2, 60.8%, 100.0%

CMYK

30.2%, 60.8%, 0.0%, 0.0%

OKLCH

0.6622 0.2236 304.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B264FF

#B1FF64

Analogous

#6464FF

#FF64FE

#B264FF

Triadic

#B264FF

#FFB264

#64FFB2

Split Complementary

#B264FF

#FEFF64

#64FF64

Tetradic

#B264FF

#FF6464

#B1FF64

#64FEFF

Color Blindness Simulation

Original

#B264FF

Protanopia

#9090DA

Deuteranopia

#959BD0

Tritanopia

#AEBCB5

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DCB8FF
300
#C285FF
400
#A142FF
500
#8000FF
600
#6700CC
700
#5200A3
800
#400080
900
#31055C
950
#1F033A

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026