#957057

#957057

Color Values

HEX

#957057

RGB

149, 112, 87

HSL

24.2, 26.3%, 46.3%

HSV

24.2, 41.6%, 58.4%

CMYK

0.0%, 24.8%, 41.6%, 41.6%

OKLCH

0.5757 0.0596 55.3

Properties

Warm Light Nearest: burlywood 4

Color Harmonies

Complementary

#957057

#577C95

Analogous

#95575D

#958F57

#957057

Triadic

#957057

#579570

#705795

Split Complementary

#957057

#57958F

#575D95

Tetradic

#957057

#5D9557

#577C95

#8F5795

Color Blindness Simulation

Original

#957057

Protanopia

#85855D

Deuteranopia

#878A5E

Tritanopia

#936263

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D2
300
#D2BFB2
400
#B99C88
500
#A1795E
600
#81614B
700
#674D3C
800
#513D2F
900
#3C2E25
950
#261D17

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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