#AF089D

#AF089D

Color Values

HEX

#AF089D

RGB

175, 8, 157

HSL

306.5, 91.3%, 35.9%

HSV

306.5, 95.4%, 68.6%

CMYK

0.0%, 95.4%, 10.3%, 31.4%

OKLCH

0.5202 0.2287 334.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF089D

#08AF1A

Analogous

#6E08AF

#AF0849

#AF089D

Triadic

#AF089D

#9DAF08

#089DAF

Split Complementary

#AF089D

#49AF08

#08AF6E

Tetradic

#AF089D

#AF6E08

#08AF1A

#0849AF

Color Blindness Simulation

Original

#AF089D

Protanopia

#676579

Deuteranopia

#707D70

Tritanopia

#A75C56

Achromatopsia

#363636

CSS Usage

background-color: #AF089D;
color: #AF089D;
border-color: #AF089D;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF5
300
#FA8AEE
400
#F74BE4
500
#F40BDB
600
#C309AF
700
#9C078C
800
#7A066D
900
#580950
950
#380532

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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