#AF124D

#AF124D

Color Values

HEX

#AF124D

RGB

175, 18, 77

HSL

337.5, 81.3%, 37.8%

HSV

337.5, 89.7%, 68.6%

CMYK

0.0%, 89.7%, 56.0%, 31.4%

OKLCH

0.4898 0.1871 7.4

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AF124D

#12AF74

Analogous

#AF129B

#AF2612

#AF124D

Triadic

#AF124D

#4DAF12

#124DAF

Split Complementary

#AF124D

#12AF26

#129BAF

Tetradic

#AF124D

#9BAF12

#12AF74

#2612AF

Color Blindness Simulation

Original

#AF124D

Protanopia

#6B6A3F

Deuteranopia

#74803B

Tritanopia

#A73331

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BED4
300
#F490B5
400
#ED548D
500
#E71866
600
#B91351
700
#940F41
800
#740C33
900
#540D28
950
#350819

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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