#7E554D

#7E554D

Color Values

HEX

#7E554D

RGB

126, 85, 77

HSL

9.8, 24.1%, 39.8%

HSV

9.8, 38.9%, 49.4%

CMYK

0.0%, 32.5%, 38.9%, 50.6%

OKLCH

0.4919 0.0567 31.4

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7E554D

#4D767E

Analogous

#7E4D5E

#7E6D4D

#7E554D

Triadic

#7E554D

#4D7E55

#554D7E

Split Complementary

#7E554D

#4D7E6D

#4D5E7E

Tetradic

#7E554D

#5E7E4D

#4D767E

#6D4D7E

Color Blindness Simulation

Original

#7E554D

Protanopia

#6C6C4F

Deuteranopia

#6F724F

Tritanopia

#7C5051

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D3
300
#D1B8B3
400
#B7918A
500
#9E6B61
600
#7F554D
700
#65443E
800
#4F3530
900
#3B2926
950
#251A18

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

3.29:1

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