#756447

#756447

Color Values

HEX

#756447

RGB

117, 100, 71

HSL

37.8, 24.5%, 36.9%

HSV

37.8, 39.3%, 45.9%

CMYK

0.0%, 14.5%, 39.3%, 54.1%

OKLCH

0.512 0.0479 80.6

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#756447

#475875

Analogous

#754D47

#6F7547

#756447

Triadic

#756447

#477564

#644775

Split Complementary

#756447

#476F75

#4D4775

Tetradic

#756447

#47754D

#475875

#75476F

Color Blindness Simulation

Original

#756447

Protanopia

#6E6D4E

Deuteranopia

#6F7050

Tritanopia

#745455

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E4DED3
300
#D1C6B3
400
#B8A78A
500
#9F8860
600
#7F6C4D
700
#66573E
800
#4F4430
900
#3B3326
950
#252018

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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