#AF2256

#AF2256

Color Values

HEX

#AF2256

RGB

175, 34, 86

HSL

337,9, 67,5%, 41,0%

HSV

337,9, 80,6%, 68,6%

CMYK

0,0%, 80,6%, 50,9%, 31,4%

OKLCH

0,5013 0,1781 4,9

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AF2256

#22AF7B

Analogous

#AF229D

#AF3522

#AF2256

Triadic

#AF2256

#56AF22

#2256AF

Split Complementary

#AF2256

#22AF35

#229DAF

Tetradic

#AF2256

#9DAF22

#22AF7B

#3522AF

Color Blindness Simulation

Original

#AF2256

Protanopia

#727149

Deuteranopia

#7A8546

Tritanopia

#A83F3D

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EA
200
#F3C3D5
300
#EB98B7
400
#E06190
500
#D62969
600
#AB2154
700
#891B43
800
#6B1534
900
#4E1329
950
#310C1A

Contrast Checker

Text on white

6,59:1

AA Pass AAA Fail

Text on black

3,19: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