#A86366

#A86366

Color Values

HEX

#A86366

RGB

168, 99, 102

HSL

357,4, 28,4%, 52,4%

HSV

357,4, 41,1%, 65,9%

CMYK

0,0%, 41,1%, 39,3%, 34,1%

OKLCH

0,5776 0,0895 17,4

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#A86366

#63A8A5

Analogous

#A86389

#A88363

#A86366

Triadic

#A86366

#66A863

#6366A8

Split Complementary

#A86366

#63A883

#6389A8

Tetradic

#A86366

#89A863

#63A8A5

#8363A8

Color Blindness Simulation

Original

#A86366

Protanopia

#8A8A65

Deuteranopia

#8E9365

Tritanopia

#A56565

Achromatopsia

#727272

CSS Usage

background-color: #A86366;
color: #A86366;
border-color: #A86366;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D2
300
#D3B0B2
400
#BB8688
500
#A45B5E
600
#83494C
700
#693A3C
800
#522E2F
900
#3D2425
950
#261717

Contrast Checker

Text on white

4,52:1

AA Pass AAA Fail

Text on black

4,64: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