#A4656C

#A4656C

Color Values

HEX

#A4656C

RGB

164, 101, 108

HSL

353.3, 25.7%, 52.0%

HSV

353.3, 38.4%, 64.3%

CMYK

0.0%, 38.4%, 34.1%, 35.7%

OKLCH

0.5777 0.0818 12.7

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#A4656C

#65A49D

Analogous

#A4658C

#A47E65

#A4656C

Triadic

#A4656C

#6CA465

#656CA4

Split Complementary

#A4656C

#65A47E

#658CA4

Tetradic

#A4656C

#8CA465

#65A49D

#7E65A4

Color Blindness Simulation

Original

#A4656C

Protanopia

#89886A

Deuteranopia

#8C916A

Tritanopia

#A16969

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D2D4
300
#D2B2B6
400
#B9888E
500
#A05F66
600
#804C52
700
#673D41
800
#502F33
900
#3C2528
950
#261819

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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