#AF0E4B

#AF0E4B

Color Values

HEX

#AF0E4B

RGB

175, 14, 75

HSL

337.3, 85.2%, 37.1%

HSV

337.3, 92.0%, 68.6%

CMYK

0.0%, 92.0%, 57.1%, 31.4%

OKLCH

0.4877 0.1886 8.0

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AF0E4B

#0EAF72

Analogous

#AF0E9C

#AF220E

#AF0E4B

Triadic

#AF0E4B

#4BAF0E

#0E4BAF

Split Complementary

#AF0E4B

#0EAF22

#0E9CAF

Tetradic

#AF0E4B

#9CAF0E

#0EAF72

#220EAF

Color Blindness Simulation

Original

#AF0E4B

Protanopia

#69683C

Deuteranopia

#737F39

Tritanopia

#A7312E

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD4
300
#F68EB5
400
#F1508D
500
#EC1365
600
#BD0F51
700
#970C41
800
#760933
900
#560B27
950
#360719

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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