#884258

#884258

Color Values

HEX

#884258

RGB

136, 66, 88

HSL

341.1, 34.7%, 39.6%

HSV

341.1, 51.5%, 53.3%

CMYK

0.0%, 51.5%, 35.3%, 46.7%

OKLCH

0.4743 0.0984 1.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#884258

#428872

Analogous

#88427B

#884F42

#884258

Triadic

#884258

#588842

#425888

Split Complementary

#884258

#42884F

#427B88

Tetradic

#884258

#7B8842

#428872

#4F4288

Color Blindness Simulation

Original

#884258

Protanopia

#6A6953

Deuteranopia

#6E7351

Tritanopia

#844E4E

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EB
200
#E8CFD7
300
#D7ADBA
400
#C18095
500
#AC536F
600
#894359
700
#6E3547
800
#562A38
900
#40212B
950
#28151B

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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