#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026