#AF448D

#AF448D

Color Values

HEX

#AF448D

RGB

175, 68, 141

HSL

319.1, 44.0%, 47.6%

HSV

319.1, 61.1%, 68.6%

CMYK

0.0%, 61.1%, 19.4%, 31.4%

OKLCH

0.5546 0.1622 342.0

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF448D

#44AF66

Analogous

#9B44AF

#AF4457

#AF448D

Triadic

#AF448D

#8DAF44

#448DAF

Split Complementary

#AF448D

#57AF44

#44AF9B

Tetradic

#AF448D

#AF9B44

#44AF66

#4457AF

Color Blindness Simulation

Original

#AF448D

Protanopia

#81807B

Deuteranopia

#878F77

Tritanopia

#AA6D6A

Achromatopsia

#606060

CSS Usage

background-color: #AF448D;
color: #AF448D;
border-color: #AF448D;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F8
100
#F4E6F0
200
#EBCCE1
300
#DDA7CC
400
#CA77B0
500
#B84794
600
#933976
700
#762E5F
800
#5C244A
900
#441D37
950
#2B1223

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

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