#7C554A

#7C554A

Color Values

HEX

#7C554A

RGB

124, 85, 74

HSL

13.2, 25.3%, 38.8%

HSV

13.2, 40.3%, 48.6%

CMYK

0.0%, 31.5%, 40.3%, 51.4%

OKLCH

0.4887 0.0553 36.4

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7C554A

#4A717C

Analogous

#7C4A58

#7C6E4A

#7C554A

Triadic

#7C554A

#4A7C55

#554A7C

Split Complementary

#7C554A

#4A7C6E

#4A587C

Tetradic

#7C554A

#587C4A

#4A717C

#6E4A7C

Color Blindness Simulation

Original

#7C554A

Protanopia

#6B6B4D

Deuteranopia

#6D704D

Tritanopia

#7A4F4F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #7C554A;
color: #7C554A;
border-color: #7C554A;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D2
300
#D1B9B2
400
#B99389
500
#A06D5F
600
#80584C
700
#66463D
800
#503730
900
#3B2A25
950
#261B18

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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