#AB686B

#AB686B

Color Values

HEX

#AB686B

RGB

171, 104, 107

HSL

357.3, 28.5%, 53.9%

HSV

357.3, 39.2%, 67.1%

CMYK

0.0%, 39.2%, 37.4%, 32.9%

OKLCH

0.5915 0.0863 17.1

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#AB686B

#68ABA8

Analogous

#AB688C

#AB8668

#AB686B

Triadic

#AB686B

#6BAB68

#686BAB

Split Complementary

#AB686B

#68AB86

#688CAB

Tetradic

#AB686B

#8CAB68

#68ABA8

#8668AB

Color Blindness Simulation

Original

#AB686B

Protanopia

#8E8D6A

Deuteranopia

#92976A

Tritanopia

#A86A6A

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026