#947547

#947547

Color Values

HEX

#947547

RGB

148, 117, 71

HSL

35.8, 35.2%, 42.9%

HSV

35.8, 52.0%, 58.0%

CMYK

0.0%, 20.9%, 52.0%, 42.0%

OKLCH

0.5819 0.0739 76.3

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#947547

#476694

Analogous

#944E47

#8C9447

#947547

Triadic

#947547

#479475

#754794

Split Complementary

#947547

#478C94

#4E4794

Tetradic

#947547

#47944E

#476694

#94478C

Color Blindness Simulation

Original

#947547

Protanopia

#878652

Deuteranopia

#888B55

Tritanopia

#925B5D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DECF
300
#D7C6AC
400
#C2A77F
500
#AC8853
600
#8A6D42
700
#6E5735
800
#564429
900
#403321
950
#282015

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass 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