#552F45

#552F45

Color Values

HEX

#552F45

RGB

85, 47, 69

HSL

325.3, 28.8%, 25.9%

HSV

325.3, 44.7%, 33.3%

CMYK

0.0%, 44.7%, 18.8%, 66.7%

OKLCH

0.3611 0.0638 345.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#552F45

#2F553F

Analogous

#522F55

#552F32

#552F45

Triadic

#552F45

#45552F

#2F4555

Split Complementary

#552F45

#32552F

#2F5552

Tetradic

#552F45

#55522F

#2F553F

#2F3255

Color Blindness Simulation

Original

#552F45

Protanopia

#454440

Deuteranopia

#474A3E

Tritanopia

#533B3B

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D1DD
300
#D3B0C5
400
#BC85A5
500
#A45B85
600
#83496B
700
#693A55
800
#522D43
900
#3D2432
950
#271720

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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