#AF4E7F

#AF4E7F

Color Values

HEX

#AF4E7F

RGB

175, 78, 127

HSL

329.7, 38.3%, 49.6%

HSV

329.7, 55.4%, 68.6%

CMYK

0.0%, 55.4%, 27.4%, 31.4%

OKLCH

0.562 0.138 350.9

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#AF4E7F

#4EAF7E

Analogous

#AE4EAF

#AF4E4F

#AF4E7F

Triadic

#AF4E7F

#7FAF4E

#4E7FAF

Split Complementary

#AF4E7F

#4FAF4E

#4EAFAE

Tetradic

#AF4E7F

#AFAE4E

#4EAF7E

#4E4FAF

Color Blindness Simulation

Original

#AF4E7F

Protanopia

#858473

Deuteranopia

#8B9270

Tritanopia

#AA6A68

Achromatopsia

#666666

CSS Usage

background-color: #AF4E7F;
color: #AF4E7F;
border-color: #AF4E7F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CEDB
300
#D9AAC2
400
#C57DA1
500
#B04F80
600
#8D3F66
700
#713252
800
#582740
900
#412031
950
#29141F

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail 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