#AF14A9

#AF14A9

Color Values

HEX

#AF14A9

RGB

175, 20, 169

HSL

302,3, 79,5%, 38,2%

HSV

302,3, 88,6%, 68,6%

CMYK

0,0%, 88,6%, 3,4%, 31,4%

OKLCH

0,5309 0,2317 330,2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF14A9

#14AF1A

Analogous

#6714AF

#AF145B

#AF14A9

Triadic

#AF14A9

#A9AF14

#14A9AF

Split Complementary

#AF14A9

#5BAF14

#14AF67

Tetradic

#AF14A9

#AF6714

#14AF1A

#145BAF

Color Blindness Simulation

Original

#AF14A9

Protanopia

#6C6B85

Deuteranopia

#75807C

Tritanopia

#A76862

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F8
200
#F8BFF6
300
#F291EF
400
#EC56E6
500
#E51ADD
600
#B715B1
700
#92118D
800
#720D6F
900
#530E50
950
#340933

Contrast Checker

Text on white

6,01:1

AA Pass AAA Fail

Text on black

3,5: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