#A86368

#A86368

Color Values

HEX

#A86368

RGB

168, 99, 104

HSL

355.7, 28.4%, 52.4%

HSV

355.7, 41.1%, 65.9%

CMYK

0.0%, 41.1%, 38.1%, 34.1%

OKLCH

0.5781 0.0895 15.6

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#A86368

#63A8A3

Analogous

#A8638B

#A88163

#A86368

Triadic

#A86368

#68A863

#6368A8

Split Complementary

#A86368

#63A881

#638BA8

Tetradic

#A86368

#8BA863

#63A8A3

#8163A8

Color Blindness Simulation

Original

#A86368

Protanopia

#8A8A67

Deuteranopia

#8E9366

Tritanopia

#A56666

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D3
300
#D3B0B3
400
#BB868A
500
#A45B60
600
#83494D
700
#693A3E
800
#522E30
900
#3D2426
950
#261718

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026