#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026