#AF7C9E

#AF7C9E

Color Values

HEX

#AF7C9E

RGB

175, 124, 158

HSL

320.0, 24.2%, 58.6%

HSV

320.0, 29.1%, 68.6%

CMYK

0.0%, 29.1%, 9.7%, 31.4%

OKLCH

0.6481 0.0781 339.5

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AF7C9E

#7CAF8D

Analogous

#A67CAF

#AF7C84

#AF7C9E

Triadic

#AF7C9E

#9EAF7C

#7C9EAF

Split Complementary

#AF7C9E

#84AF7C

#7CAFA6

Tetradic

#AF7C9E

#AFA67C

#7CAF8D

#7C84AF

Color Blindness Simulation

Original

#AF7C9E

Protanopia

#999896

Deuteranopia

#9CA094

Tritanopia

#AC8F8E

Achromatopsia

#898989

CSS Usage

background-color: #AF7C9E;
color: #AF7C9E;
border-color: #AF7C9E;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D3DE
300
#D1B3C7
400
#B78AA8
500
#9E618A
600
#7F4D6E
700
#653E58
800
#4F3045
900
#3B2634
950
#251821

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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