#880F55

#880F55

Color Values

HEX

#880F55

RGB

136, 15, 85

HSL

325.3, 80.1%, 29.6%

HSV

325.3, 89.0%, 53.3%

CMYK

0.0%, 89.0%, 37.5%, 46.7%

OKLCH

0.4181 0.1625 352.4

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#880F55

#0F8842

Analogous

#7E0F88

#880F18

#880F55

Triadic

#880F55

#55880F

#0F5588

Split Complementary

#880F55

#18880F

#0F887E

Tetradic

#880F55

#887E0F

#0F8842

#0F1888

Color Blindness Simulation

Original

#880F55

Protanopia

#545344

Deuteranopia

#5B6440

Tritanopia

#823734

Achromatopsia

#2E2E2E

CSS Usage

background-color: #880F55;
color: #880F55;
border-color: #880F55;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F8
100
#F9E1EF
200
#F8BFE0
300
#F391C9
400
#EC55AC
500
#E6198F
600
#B81473
700
#93105C
800
#730D48
900
#530E36
950
#350922

Contrast Checker

Text on white

9.35:1

AA Pass AAA Pass

Text on black

2.25:1

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