#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026