#955322

#955322

Color Values

HEX

#955322

RGB

149, 83, 34

HSL

25.6, 62.8%, 35.9%

HSV

25.6, 77.2%, 58.4%

CMYK

0.0%, 44.3%, 77.2%, 41.6%

OKLCH

0.5113 0.1075 53.8

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#955322

#226495

Analogous

#95222A

#958D22

#955322

Triadic

#955322

#229553

#532295

Split Complementary

#955322

#22958D

#222A95

Tetradic

#955322

#2A9522

#226495

#8D2295

Color Blindness Simulation

Original

#955322

Protanopia

#78782E

Deuteranopia

#7C8131

Tritanopia

#923739

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F2D8C5
300
#E8BC9B
400
#DC9865
500
#D0742F
600
#A65D26
700
#854A1E
800
#683A18
900
#4C2C15
950
#301C0D

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026