#AF1861

#AF1861

Color Values

HEX

#AF1861

RGB

175, 24, 97

HSL

331.0, 75.9%, 39.0%

HSV

331.0, 86.3%, 68.6%

CMYK

0.0%, 86.3%, 44.6%, 31.4%

OKLCH

0.4987 0.189 358.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF1861

#18AF66

Analogous

#AF18AC

#AF1A18

#AF1861

Triadic

#AF1861

#61AF18

#1861AF

Split Complementary

#AF1861

#18AF1A

#18ACAF

Tetradic

#AF1861

#ACAF18

#18AF66

#1A18AF

Color Blindness Simulation

Original

#AF1861

Protanopia

#6E6C4F

Deuteranopia

#76824B

Tritanopia

#A7413E

Achromatopsia

#3D3D3D

CSS Usage

background-color: #AF1861;
color: #AF1861;
border-color: #AF1861;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF2F7
100
#F9E2ED
200
#F6C0DA
300
#F093C0
400
#E8599E
500
#E01F7C
600
#B31963
700
#901450
800
#700F3E
900
#520F2F
950
#340A1E

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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