#552140

#552140

Color Values

HEX

#552140

RGB

85, 33, 64

HSL

324.2, 44.1%, 23.1%

HSV

324.2, 61.2%, 33.3%

CMYK

0.0%, 61.2%, 24.7%, 66.7%

OKLCH

0.335 0.0872 346.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#552140

#215536

Analogous

#502155

#552126

#552140

Triadic

#552140

#405521

#214055

Split Complementary

#552140

#265521

#215550

Tetradic

#552140

#555021

#215536

#212655

Color Blindness Simulation

Original

#552140

Protanopia

#3E3E39

Deuteranopia

#424537

Tritanopia

#523331

Achromatopsia

#2E2E2E

CSS Usage

background-color: #552140;
color: #552140;
border-color: #552140;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCCDE
300
#DDA7C7
400
#CA77A9
500
#B8478A
600
#93396F
700
#762E59
800
#5C2445
900
#441D34
950
#2B1221

Contrast Checker

Text on white

12.52:1

AA Pass AAA Pass

Text on black

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