#B80DBC

#B80DBC

Color Values

HEX

#B80DBC

RGB

184, 13, 188

HSL

298.6, 87.1%, 39.4%

HSV

298.6, 93.1%, 73.7%

CMYK

2.1%, 93.1%, 0.0%, 26.3%

OKLCH

0.5545 0.2511 327.2

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B80DBC

#11BC0D

Analogous

#600DBC

#BC0D69

#B80DBC

Triadic

#B80DBC

#BCB80D

#0DBCB8

Split Complementary

#B80DBC

#69BC0D

#0DBC60

Tetradic

#B80DBC

#BC600D

#11BC0D

#0D69BC

Color Blindness Simulation

Original

#B80DBC

Protanopia

#6E6C92

Deuteranopia

#788588

Tritanopia

#AF7069

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BCFA
300
#F58CF7
400
#EF4EF3
500
#E910EF
600
#BB0DBF
700
#950B99
800
#750877
900
#550A56
950
#350737

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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