#AF4864

#AF4864

Color Values

HEX

#AF4864

RGB

175, 72, 100

HSL

343.7, 41.7%, 48.4%

HSV

343.7, 58.9%, 68.6%

CMYK

0.0%, 58.9%, 42.9%, 31.4%

OKLCH

0.545 0.1367 5.9

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AF4864

#48AF93

Analogous

#AF4897

#AF5F48

#AF4864

Triadic

#AF4864

#64AF48

#4864AF

Split Complementary

#AF4864

#48AF5F

#4897AF

Tetradic

#AF4864

#97AF48

#48AF93

#5F48AF

Color Blindness Simulation

Original

#AF4864

Protanopia

#82825D

Deuteranopia

#88905C

Tritanopia

#AA5857

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#EACCD5
300
#DBA8B6
400
#C8798F
500
#B54A67
600
#913B53
700
#743042
800
#5A2534
900
#431E28
950
#2A1319

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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