#552B0C

#552B0C

Color Values

HEX

#552B0C

RGB

85, 43, 12

HSL

25.5, 75.3%, 19.0%

HSV

25.5, 85.9%, 33.3%

CMYK

0.0%, 49.4%, 85.9%, 66.7%

OKLCH

0.339 0.0749 52.9

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#552B0C

#0C3655

Analogous

#550C11

#554F0C

#552B0C

Triadic

#552B0C

#0C552B

#2B0C55

Split Complementary

#552B0C

#0C554F

#0C1155

Tetradic

#552B0C

#11550C

#0C3655

#4F0C55

Color Blindness Simulation

Original

#552B0C

Protanopia

#434213

Deuteranopia

#454815

Tritanopia

#53191B

Achromatopsia

#323232

CSS Usage

background-color: #552B0C;
color: #552B0C;
border-color: #552B0C;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF7F2
100
#F9EBE2
200
#F6D7C0
300
#F0BB94
400
#E8965A
500
#E0711F
600
#B35A19
700
#8F4814
800
#703910
900
#512C10
950
#331B0A

Contrast Checker

Text on white

12.09:1

AA Pass AAA Pass

Text on black

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