#B916CC

#B916CC

Color Values

HEX

#B916CC

RGB

185, 22, 204

HSL

293.7, 80.5%, 44.3%

HSV

293.7, 89.2%, 80.0%

CMYK

9.3%, 89.2%, 0.0%, 20.0%

OKLCH

0.5692 0.2589 323.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B916CC

#29CC16

Analogous

#5E16CC

#CC1684

#B916CC

Triadic

#B916CC

#CCB916

#16CCB9

Split Complementary

#B916CC

#84CC16

#16CC5E

Tetradic

#B916CC

#CC5E16

#29CC16

#1684CC

Color Blindness Simulation

Original

#B916CC

Protanopia

#7271A0

Deuteranopia

#7C8895

Tritanopia

#B17D76

Achromatopsia

#464646

CSS Usage

background-color: #B916CC;
color: #B916CC;
border-color: #B916CC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF2FD
100
#F7E1F9
200
#F2BFF8
300
#E991F3
400
#DD55ED
500
#D119E6
600
#A714B8
700
#851093
800
#680C73
900
#4C0D54
950
#300835

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail 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