#A67281

#A67281

Color Values

HEX

#A67281

RGB

166, 114, 129

HSL

342.7, 22.6%, 54.9%

HSV

342.7, 31.3%, 65.1%

CMYK

0.0%, 31.3%, 22.3%, 34.9%

OKLCH

0.61 0.0685 0.5

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#A67281

#72A697

Analogous

#A6729B

#A67D72

#A67281

Triadic

#A67281

#81A672

#7281A6

Split Complementary

#A67281

#72A67D

#729BA6

Tetradic

#A67281

#9BA672

#72A697

#7D72A6

Color Blindness Simulation

Original

#A67281

Protanopia

#8F8F7D

Deuteranopia

#92967C

Tritanopia

#A37B7A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3D8
300
#D0B4BC
400
#B68B98
500
#9C6373
600
#7D4F5C
700
#643F4A
800
#4E313A
900
#3A272C
950
#25181C

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026