#AF26A0

#AF26A0

Color Values

HEX

#AF26A0

RGB

175, 38, 160

HSL

306.6, 64.3%, 41.8%

HSV

306.6, 78.3%, 68.6%

CMYK

0.0%, 78.3%, 8.6%, 31.4%

OKLCH

0.5353 0.2125 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF26A0

#26AF35

Analogous

#7A26AF

#AF265C

#AF26A0

Triadic

#AF26A0

#A0AF26

#26A0AF

Split Complementary

#AF26A0

#5CAF26

#26AF7A

Tetradic

#AF26A0

#AF7A26

#26AF35

#265CAF

Color Blindness Simulation

Original

#AF26A0

Protanopia

#747283

Deuteranopia

#7C867B

Tritanopia

#A86B66

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F2C4ED
300
#E99AE0
400
#DD64D0
500
#D12EBF
600
#A82499
700
#861D7B
800
#691760
900
#4C1446
950
#300D2C

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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