#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026