#756344

#756344

Color Values

HEX

#756344

RGB

117, 99, 68

HSL

38.0, 26.5%, 36.3%

HSV

38.0, 41.9%, 45.9%

CMYK

0.0%, 15.4%, 41.9%, 54.1%

OKLCH

0.5091 0.0509 80.8

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#756344

#445675

Analogous

#754B44

#6F7544

#756344

Triadic

#756344

#447563

#634475

Split Complementary

#756344

#446F75

#4B4475

Tetradic

#756344

#44754B

#445675

#75446F

Color Blindness Simulation

Original

#756344

Protanopia

#6D6D4B

Deuteranopia

#6E704D

Tritanopia

#745153

Achromatopsia

#656565

CSS Usage

background-color: #756344;
color: #756344;
border-color: #756344;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E5DED2
300
#D2C6B2
400
#BAA788
500
#A1895E
600
#816D4B
700
#67573C
800
#51442F
900
#3C3425
950
#262117

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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