#AF1DA0

#AF1DA0

Color Values

HEX

#AF1DA0

RGB

175, 29, 160

HSL

306,2, 71,6%, 40,0%

HSV

306,2, 83,4%, 68,6%

CMYK

0,0%, 83,4%, 8,6%, 31,4%

OKLCH

0,5298 0,2199 333,2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF1DA0

#1DAF2C

Analogous

#751DAF

#AF1D57

#AF1DA0

Triadic

#AF1DA0

#A0AF1D

#1DA0AF

Split Complementary

#AF1DA0

#57AF1D

#1DAF75

Tetradic

#AF1DA0

#AF751D

#1DAF2C

#1D57AF

Color Blindness Simulation

Original

#AF1DA0

Protanopia

#706F80

Deuteranopia

#788379

Tritanopia

#A86762

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C2F0
300
#EE96E5
400
#E45DD6
500
#DB24C8
600
#AF1DA0
700
#8C1780
800
#6D1264
900
#501149
950
#320B2E

Contrast Checker

Text on white

5,99:1

AA Pass AAA Fail

Text on black

3,51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026