#552406

#552406

Color Values

HEX

#552406

RGB

85, 36, 6

HSL

22.8, 86.8%, 17.8%

HSV

22.8, 92.9%, 33.3%

CMYK

0.0%, 57.6%, 92.9%, 66.7%

OKLCH

0.3255 0.0828 47.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#552406

#063755

Analogous

#55060F

#554B06

#552406

Triadic

#552406

#065524

#240655

Split Complementary

#552406

#06554B

#060F55

Tetradic

#552406

#0F5506

#063755

#4B0655

Color Blindness Simulation

Original

#552406

Protanopia

#403F0D

Deuteranopia

#43460F

Tritanopia

#531314

Achromatopsia

#2C2C2C

CSS Usage

background-color: #552406;
color: #552406;
border-color: #552406;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FDF6F2
100
#FAEAE0
200
#FAD4BC
300
#F7B58D
400
#F38D4F
500
#EE6511
600
#BF510D
700
#98410B
800
#773208
900
#56270B
950
#371907

Contrast Checker

Text on white

12.8:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026