#A57780

#A57780

Color Values

HEX

#A57780

RGB

165, 119, 128

HSL

348.3, 20.4%, 55.7%

HSV

348.3, 27.9%, 64.7%

CMYK

0.0%, 27.9%, 22.4%, 35.3%

OKLCH

0.6179 0.0589 6.0

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#A57780

#77A59C

Analogous

#A57797

#A58577

#A57780

Triadic

#A57780

#80A577

#7780A5

Split Complementary

#A57780

#77A585

#7797A5

Tetradic

#A57780

#97A577

#77A59C

#8577A5

Color Blindness Simulation

Original

#A57780

Protanopia

#91917E

Deuteranopia

#94977D

Tritanopia

#A37C7C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEB
200
#E3D4D7
300
#CEB5BA
400
#B48D95
500
#9A6570
600
#7B5159
700
#624147
800
#4D3338
900
#39282B
950
#24191B

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

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