#861444

#861444

Color Values

HEX

#861444

RGB

134, 20, 68

HSL

334.7, 74.0%, 30.2%

HSV

334.7, 85.1%, 52.5%

CMYK

0.0%, 85.1%, 49.3%, 47.5%

OKLCH

0.4109 0.1506 2.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#861444

#148656

Analogous

#86147D

#861D14

#861444

Triadic

#861444

#448614

#144486

Split Complementary

#861444

#14861D

#147D86

Tetradic

#861444

#7D8614

#148656

#1D1486

Color Blindness Simulation

Original

#861444

Protanopia

#555438

Deuteranopia

#5B6436

Tritanopia

#802F2D

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EB
200
#F6C1D7
300
#EF95BB
400
#E65B96
500
#DE2171
600
#B11B5A
700
#8E1548
800
#6F1138
900
#51102B
950
#330A1B

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

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