#550F2A

#550F2A

Color Values

HEX

#550F2A

RGB

85, 15, 42

HSL

336.9, 70.0%, 19.6%

HSV

336.9, 82.4%, 33.3%

CMYK

0.0%, 82.4%, 50.6%, 66.7%

OKLCH

0.3035 0.1031 2.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550F2A

#0F553A

Analogous

#550F4D

#55170F

#550F2A

Triadic

#550F2A

#2A550F

#0F2A55

Split Complementary

#550F2A

#0F5517

#0F4D55

Tetradic

#550F2A

#4D550F

#0F553A

#170F55

Color Blindness Simulation

Original

#550F2A

Protanopia

#373623

Deuteranopia

#3B4022

Tritanopia

#521E1D

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E3EB
200
#F4C2D6
300
#ED97B8
400
#E35F91
500
#D9266B
600
#AD1F56
700
#8B1844
800
#6C1335
900
#4F1229
950
#320B1A

Contrast Checker

Text on white

14.11:1

AA Pass AAA Pass

Text on black

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