#AF405F

#AF405F

Color Values

HEX

#AF405F

RGB

175, 64, 95

HSL

343,2, 46,4%, 46,9%

HSV

343,2, 63,4%, 68,6%

CMYK

0,0%, 63,4%, 45,7%, 31,4%

OKLCH

0,5332 0,1466 6,4

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AF405F

#40AF90

Analogous

#AF4097

#AF5940

#AF405F

Triadic

#AF405F

#5FAF40

#405FAF

Split Complementary

#AF405F

#40AF59

#4097AF

Tetradic

#AF405F

#97AF40

#40AF90

#5940AF

Color Blindness Simulation

Original

#AF405F

Protanopia

#7F7E58

Deuteranopia

#858E56

Tritanopia

#A95250

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#ECCBD4
300
#DEA5B5
400
#CC758D
500
#BB4465
600
#953751
700
#772C41
800
#5D2233
900
#451C28
950
#2B1219

Contrast Checker

Text on white

5,64:1

AA Pass AAA Fail

Text on black

3,72:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026