#B163FE

#B163FE

Color Values

HEX

#B163FE

RGB

177, 99, 254

HSL

270.2, 98.7%, 69.2%

HSV

270.2, 61.0%, 99.6%

CMYK

30.3%, 61.0%, 0.0%, 0.4%

OKLCH

0.6591 0.2237 304.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B163FE

#B0FE63

Analogous

#6363FE

#FE63FD

#B163FE

Triadic

#B163FE

#FEB163

#63FEB1

Split Complementary

#B163FE

#FDFE63

#63FE63

Tetradic

#B163FE

#FE6363

#B0FE63

#63FDFE

Color Blindness Simulation

Original

#B163FE

Protanopia

#8F8FD9

Deuteranopia

#949ACF

Tritanopia

#ADBBB4

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DCB8FF
300
#C285FE
400
#A144FE
500
#8002FD
600
#6701CB
700
#5201A2
800
#40017F
900
#31055B
950
#1F033A

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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