#AB696B

#AB696B

Color Values

HEX

#AB696B

RGB

171, 105, 107

HSL

358.2, 28.2%, 54.1%

HSV

358.2, 38.6%, 67.1%

CMYK

0.0%, 38.6%, 37.4%, 32.9%

OKLCH

0.5933 0.0849 18.0

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#AB696B

#69ABA9

Analogous

#AB698C

#AB8869

#AB696B

Triadic

#AB696B

#6BAB69

#696BAB

Split Complementary

#AB696B

#69AB88

#698CAB

Tetradic

#AB696B

#8CAB69

#69ABA9

#8869AB

Color Blindness Simulation

Original

#AB696B

Protanopia

#8E8E6B

Deuteranopia

#92976A

Tritanopia

#A86A6A

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D1D2
300
#D3B1B2
400
#BB8688
500
#A35C5E
600
#83494B
700
#693B3C
800
#522E2F
900
#3D2425
950
#261717

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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