#99552C

#99552C

Color Values

HEX

#99552C

RGB

153, 85, 44

HSL

22.6, 55.3%, 38.6%

HSV

22.6, 71.2%, 60.0%

CMYK

0.0%, 44.4%, 71.2%, 40.0%

OKLCH

0.5216 0.1056 49.8

Properties

Warm Dark Nearest: sienna

Color Harmonies

Complementary

#99552C

#2C7099

Analogous

#992C39

#998B2C

#99552C

Triadic

#99552C

#2C9955

#552C99

Split Complementary

#99552C

#2C998B

#2C3999

Tetradic

#99552C

#39992C

#2C7099

#8B2C99

Color Blindness Simulation

Original

#99552C

Protanopia

#7C7B36

Deuteranopia

#808538

Tritanopia

#963E3F

Achromatopsia

#606060

CSS Usage

background-color: #99552C;
color: #99552C;
border-color: #99552C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF6F4
100
#F6EBE5
200
#EFD6C8
300
#E4B9A0
400
#D5946C
500
#C66E39
600
#9E582E
700
#7F4624
800
#63371C
900
#492B18
950
#2E1B0F

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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