#B16CEF

#B16CEF

Color Values

HEX

#B16CEF

RGB

177, 108, 239

HSL

271.6, 80.4%, 68.0%

HSV

271.6, 54.8%, 93.7%

CMYK

25.9%, 54.8%, 0.0%, 6.3%

OKLCH

0.6624 0.1943 306.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B16CEF

#AAEF6C

Analogous

#6F6CEF

#EF6CEC

#B16CEF

Triadic

#B16CEF

#EFB16C

#6CEFB1

Split Complementary

#B16CEF

#ECEF6C

#6CEF6F

Tetradic

#B16CEF

#EF6F6C

#AAEF6C

#6CECEF

Color Blindness Simulation

Original

#B16CEF

Protanopia

#9393CF

Deuteranopia

#979CC8

Tritanopia

#AEB6B1

Achromatopsia

#848484

CSS Usage

background-color: #B16CEF;
color: #B16CEF;
border-color: #B16CEF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBFF8
300
#C491F3
400
#A555ED
500
#8519E6
600
#6A14B8
700
#551093
800
#420C73
900
#320D54
950
#200835

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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