#861350

#861350

Color Values

HEX

#861350

RGB

134, 19, 80

HSL

328.2, 75.2%, 30.0%

HSV

328.2, 85.8%, 52.5%

CMYK

0.0%, 85.8%, 40.3%, 47.5%

OKLCH

0.4146 0.1559 354.9

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#861350

#138649

Analogous

#831386

#861316

#861350

Triadic

#861350

#508613

#135086

Split Complementary

#861350

#168613

#138683

Tetradic

#861350

#868313

#138649

#131686

Color Blindness Simulation

Original

#861350

Protanopia

#545341

Deuteranopia

#5B643E

Tritanopia

#803633

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F6C0DD
300
#F094C5
400
#E85AA5
500
#DF2085
600
#B3196B
700
#8F1455
800
#701043
900
#511032
950
#330A20

Contrast Checker

Text on white

9.45:1

AA Pass AAA Pass

Text on black

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