#B163FC

#B163FC

Color Values

HEX

#B163FC

RGB

177, 99, 252

HSL

270.6, 96.2%, 68.8%

HSV

270.6, 60.7%, 98.8%

CMYK

29.8%, 60.7%, 0.0%, 1.2%

OKLCH

0.6578 0.2215 304.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B163FC

#AEFC63

Analogous

#6463FC

#FC63FA

#B163FC

Triadic

#B163FC

#FCB163

#63FCB1

Split Complementary

#B163FC

#FAFC63

#63FC64

Tetradic

#B163FC

#FC6463

#AEFC63

#63FAFC

Color Blindness Simulation

Original

#B163FC

Protanopia

#8F8FD7

Deuteranopia

#949ACE

Tritanopia

#ADBAB3

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDFFC
200
#DCB9FE
300
#C387FD
400
#A246FB
500
#8205FA
600
#6804C8
700
#5303A0
800
#41027D
900
#31075A
950
#1F0439

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026