#AF5093

#AF5093

Color Values

HEX

#AF5093

RGB

175, 80, 147

HSL

317,7, 37,3%, 50,0%

HSV

317,7, 54,3%, 68,6%

CMYK

0,0%, 54,3%, 16,0%, 31,4%

OKLCH

0,5727 0,1476 340,1

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF5093

#50AF6C

Analogous

#9C50AF

#AF5063

#AF5093

Triadic

#AF5093

#93AF50

#5093AF

Split Complementary

#AF5093

#63AF50

#50AF9C

Tetradic

#AF5093

#AF9C50

#50AF6C

#5063AF

Color Blindness Simulation

Original

#AF5093

Protanopia

#868583

Deuteranopia

#8B927F

Tritanopia

#AA7673

Achromatopsia

#696969

CSS Usage

background-color: #AF5093;
color: #AF5093;
border-color: #AF5093;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CEE1
300
#D9ABCB
400
#C47DAF
500
#AF5093
600
#8C4076
700
#70335E
800
#582849
900
#412037
950
#291423

Contrast Checker

Text on white

4,78:1

AA Pass AAA Fail

Text on black

4,39:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026