#7D484B

#7D484B

Color Values

HEX

#7D484B

RGB

125, 72, 75

HSL

356.6, 26.9%, 38.6%

HSV

356.6, 42.4%, 49.0%

CMYK

0.0%, 42.4%, 40.0%, 51.0%

OKLCH

0.4652 0.0726 16.6

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#7D484B

#487D7A

Analogous

#7D4865

#7D5F48

#7D484B

Triadic

#7D484B

#4B7D48

#484B7D

Split Complementary

#7D484B

#487D5F

#48657D

Tetradic

#7D484B

#657D48

#487D7A

#5F487D

Color Blindness Simulation

Original

#7D484B

Protanopia

#66664A

Deuteranopia

#696D4A

Tritanopia

#7A4A4A

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D3
300
#D2B1B3
400
#BA878A
500
#A25D61
600
#814B4E
700
#683C3E
800
#512F31
900
#3C2526
950
#261718

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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