#AF4B9D

#AF4B9D

Color Values

HEX

#AF4B9D

RGB

175, 75, 157

HSL

310.8, 40.0%, 49.0%

HSV

310.8, 57.1%, 68.6%

CMYK

0.0%, 57.1%, 10.3%, 31.4%

OKLCH

0.5705 0.1633 335.0

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF4B9D

#4BAF5D

Analogous

#8F4BAF

#AF4B6B

#AF4B9D

Triadic

#AF4B9D

#9DAF4B

#4B9DAF

Split Complementary

#AF4B9D

#6BAF4B

#4BAF8F

Tetradic

#AF4B9D

#AF8F4B

#4BAF5D

#4B6BAF

Color Blindness Simulation

Original

#AF4B9D

Protanopia

#848389

Deuteranopia

#8A9184

Tritanopia

#AA7976

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACDE4
300
#DAA9D1
400
#C67BB9
500
#B24CA0
600
#8F3D80
700
#723166
800
#592650
900
#421F3C
950
#2A1426

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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