#AF7886

#AF7886

Color Values

HEX

#AF7886

RGB

175, 120, 134

HSL

344.7, 25.6%, 57.8%

HSV

344.7, 31.4%, 68.6%

CMYK

0.0%, 31.4%, 23.4%, 31.4%

OKLCH

0.6328 0.0711 2.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#AF7886

#78AFA1

Analogous

#AF78A1

#AF8578

#AF7886

Triadic

#AF7886

#86AF78

#7886AF

Split Complementary

#AF7886

#78AF85

#78A1AF

Tetradic

#AF7886

#A1AF78

#78AFA1

#8578AF

Color Blindness Simulation

Original

#AF7886

Protanopia

#979783

Deuteranopia

#9A9E82

Tritanopia

#AC807F

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E4D2D7
300
#D1B2BA
400
#B98895
500
#A05F70
600
#804C59
700
#663D47
800
#502F38
900
#3C252B
950
#26181B

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026