#945D36

#945D36

Color Values

HEX

#945D36

RGB

148, 93, 54

HSL

24.9, 46.5%, 39.6%

HSV

24.9, 63.5%, 58.0%

CMYK

0.0%, 37.2%, 63.5%, 42.0%

OKLCH

0.5309 0.0901 54.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#945D36

#366D94

Analogous

#94363E

#948C36

#945D36

Triadic

#945D36

#36945D

#5D3694

Split Complementary

#945D36

#36948C

#363E94

Tetradic

#945D36

#3E9436

#366D94

#8C3694

Color Blindness Simulation

Original

#945D36

Protanopia

#7C7C3F

Deuteranopia

#7F8442

Tritanopia

#914749

Achromatopsia

#666666

CSS Usage

background-color: #945D36;
color: #945D36;
border-color: #945D36;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CB
300
#DEBDA5
400
#CD9975
500
#BB7544
600
#955E37
700
#784B2C
800
#5D3B22
900
#452D1C
950
#2B1C12

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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