#AF446B

#AF446B

Color Values

HEX

#AF446B

RGB

175, 68, 107

HSL

338,1, 44,0%, 47,6%

HSV

338,1, 61,1%, 68,6%

CMYK

0,0%, 61,1%, 38,9%, 31,4%

OKLCH

0,5419 0,1444 0,4

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AF446B

#44AF88

Analogous

#AF44A0

#AF5244

#AF446B

Triadic

#AF446B

#6BAF44

#446BAF

Split Complementary

#AF446B

#44AF52

#44A0AF

Tetradic

#AF446B

#A0AF44

#44AF88

#5244AF

Color Blindness Simulation

Original

#AF446B

Protanopia

#818062

Deuteranopia

#878F5F

Tritanopia

#AA5A58

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#EBCCD7
300
#DDA7BB
400
#CA7795
500
#B84770
600
#93395A
700
#762E48
800
#5C2438
900
#441D2B
950
#2B121B

Contrast Checker

Text on white

5,44:1

AA Pass AAA Fail

Text on black

3,86: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