#552B34

#552B34

Color Values

HEX

#552B34

RGB

85, 43, 52

HSL

347,1, 32,8%, 25,1%

HSV

347,1, 49,4%, 33,3%

CMYK

0,0%, 49,4%, 38,8%, 66,7%

OKLCH

0,3473 0,0627 7,2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#552B34

#2B554C

Analogous

#552B49

#55372B

#552B34

Triadic

#552B34

#34552B

#2B3455

Split Complementary

#552B34

#2B5537

#2B4955

Tetradic

#552B34

#49552B

#2B554C

#372B55

Color Blindness Simulation

Original

#552B34

Protanopia

#434232

Deuteranopia

#454831

Tritanopia

#533030

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F9F5F6
100
#F2E8EA
200
#E7D0D5
300
#D6AEB6
400
#C0828F
500
#A95668
600
#874553
700
#6C3742
800
#552B34
900
#3F2228
950
#281619

Contrast Checker

Text on white

11,79:1

AA Pass AAA Pass

Text on black

1,78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026