#B80D69

#B80D69

Color Values

HEX

#B80D69

RGB

184, 13, 105

HSL

327.7, 86.8%, 38.6%

HSV

327.7, 92.9%, 72.2%

CMYK

0.0%, 92.9%, 42.9%, 27.8%

OKLCH

0.5133 0.204 356.8

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#B80D69

#0DB85C

Analogous

#B10DB8

#B80D14

#B80D69

Triadic

#B80D69

#69B80D

#0D69B8

Split Complementary

#B80D69

#14B80D

#0DB8B1

Tetradic

#B80D69

#B8B10D

#0DB85C

#0D14B8

Color Blindness Simulation

Original

#B80D69

Protanopia

#6E6C53

Deuteranopia

#78854D

Tritanopia

#AF413D

Achromatopsia

#383838

CSS Usage

background-color: #B80D69;
color: #B80D69;
border-color: #B80D69;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDE
300
#F78DC6
400
#F34FA7
500
#EE1188
600
#BF0D6D
700
#980B57
800
#770844
900
#560B33
950
#370720

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

3.3:1

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