#AF39C6

#AF39C6

Color Values

HEX

#AF39C6

RGB

175, 57, 198

HSL

290.2, 55.3%, 50.0%

HSV

290.2, 71.2%, 77.6%

CMYK

11.6%, 71.2%, 0.0%, 22.4%

OKLCH

0.573 0.2223 320.6

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#AF39C6

#50C639

Analogous

#6839C6

#C63997

#AF39C6

Triadic

#AF39C6

#C6AF39

#39C6AF

Split Complementary

#AF39C6

#97C639

#39C668

Tetradic

#AF39C6

#C66839

#50C639

#3997C6

Color Blindness Simulation

Original

#AF39C6

Protanopia

#7C7BA4

Deuteranopia

#838C9C

Tritanopia

#A98983

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F6
200
#E9C8EF
300
#D9A0E4
400
#C46CD5
500
#AF39C6
600
#8C2E9E
700
#70247F
800
#571C63
900
#411849
950
#290F2E

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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