#AF379D

#AF379D

Color Values

HEX

#AF379D

RGB

175, 55, 157

HSL

309.0, 52.2%, 45.1%

HSV

309.0, 68.6%, 68.6%

CMYK

0.0%, 68.6%, 10.3%, 31.4%

OKLCH

0.5479 0.1917 334.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF379D

#37AF49

Analogous

#8537AF

#AF3761

#AF379D

Triadic

#AF379D

#9DAF37

#379DAF

Split Complementary

#AF379D

#61AF37

#37AF85

Tetradic

#AF379D

#AF8537

#37AF49

#3761AF

Color Blindness Simulation

Original

#AF379D

Protanopia

#7B7A84

Deuteranopia

#828B7E

Tritanopia

#A9716D

Achromatopsia

#585858

CSS Usage

background-color: #AF379D;
color: #AF379D;
border-color: #AF379D;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E8
300
#E2A2D8
400
#D26FC3
500
#C23DAE
600
#9B318B
700
#7C276F
800
#611E57
900
#471A40
950
#2D1029

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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