#AF76DB

#AF76DB

Color Values

HEX

#AF76DB

RGB

175, 118, 219

HSL

273.9, 58.4%, 66.1%

HSV

273.9, 46.1%, 85.9%

CMYK

20.1%, 46.1%, 0.0%, 14.1%

OKLCH

0.6646 0.1549 308.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF76DB

#A2DB76

Analogous

#7D76DB

#DB76D4

#AF76DB

Triadic

#AF76DB

#DBAF76

#76DBAF

Split Complementary

#AF76DB

#D4DB76

#76DB7D

Tetradic

#AF76DB

#DB7D76

#A2DB76

#76D4DB

Color Blindness Simulation

Original

#AF76DB

Protanopia

#9696C3

Deuteranopia

#9A9EBD

Tritanopia

#ACAFAB

Achromatopsia

#898989

CSS Usage

background-color: #AF76DB;
color: #AF76DB;
border-color: #AF76DB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DEC6F0
300
#C69EE6
400
#A86AD8
500
#8935CA
600
#6E2AA2
700
#582281
800
#451B65
900
#34174A
950
#210F2F

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026