#AF4492

#AF4492

Color Values

HEX

#AF4492

RGB

175, 68, 146

HSL

316,3, 44,0%, 47,6%

HSV

316,3, 61,1%, 68,6%

CMYK

0,0%, 61,1%, 16,6%, 31,4%

OKLCH

0,5568 0,1657 339,7

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF4492

#44AF61

Analogous

#9644AF

#AF445C

#AF4492

Triadic

#AF4492

#92AF44

#4492AF

Split Complementary

#AF4492

#5CAF44

#44AF96

Tetradic

#AF4492

#AF9644

#44AF61

#445CAF

Color Blindness Simulation

Original

#AF4492

Protanopia

#81807F

Deuteranopia

#878F7B

Tritanopia

#AA706D

Achromatopsia

#606060

CSS Usage

background-color: #AF4492;
color: #AF4492;
border-color: #AF4492;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#EBCCE2
300
#DDA7CE
400
#CA77B4
500
#B84799
600
#93397A
700
#762E62
800
#5C244D
900
#441D39
950
#2B1224

Contrast Checker

Text on white

5,17:1

AA Pass AAA Fail

Text on black

4,06: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