#947747

#947747

Color Values

HEX

#947747

RGB

148, 119, 71

HSL

37.4, 35.2%, 42.9%

HSV

37.4, 52.0%, 58.0%

CMYK

0.0%, 19.6%, 52.0%, 42.0%

OKLCH

0.5861 0.0746 79.1

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#947747

#476494

Analogous

#945047

#8A9447

#947747

Triadic

#947747

#479477

#774794

Split Complementary

#947747

#478A94

#504794

Tetradic

#947747

#479450

#476494

#94478A

Color Blindness Simulation

Original

#947747

Protanopia

#878753

Deuteranopia

#898B55

Tritanopia

#935C5E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DECF
300
#D7C7AC
400
#C2A97F
500
#AC8B53
600
#8A6F42
700
#6E5935
800
#564529
900
#403421
950
#282115

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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