#937348

#937348

Color Values

HEX

#937348

RGB

147, 115, 72

HSL

34.4, 34.2%, 42.9%

HSV

34.4, 51.0%, 57.6%

CMYK

0.0%, 21.8%, 51.0%, 42.4%

OKLCH

0.5768 0.0717 73.8

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#937348

#486893

Analogous

#934D48

#8D9348

#937348

Triadic

#937348

#489373

#734893

Split Complementary

#937348

#488D93

#4D4893

Tetradic

#937348

#48934D

#486893

#93488D

Color Blindness Simulation

Original

#937348

Protanopia

#858552

Deuteranopia

#878955

Tritanopia

#915B5C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DDCF
300
#D7C5AD
400
#C1A580
500
#AB8654
600
#896B43
700
#6E5636
800
#56432A
900
#3F3322
950
#282015

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.79:1

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