#AF78DE

#AF78DE

Color Values

HEX

#AF78DE

RGB

175, 120, 222

HSL

272.4, 60.7%, 67.1%

HSV

272.4, 45.9%, 87.1%

CMYK

21.2%, 45.9%, 0.0%, 12.9%

OKLCH

0.6694 0.1552 307.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AF78DE

#A7DE78

Analogous

#7C78DE

#DE78DA

#AF78DE

Triadic

#AF78DE

#DEAF78

#78DEAF

Split Complementary

#AF78DE

#DADE78

#78DE7C

Tetradic

#AF78DE

#DE7C78

#A7DE78

#78DADE

Color Blindness Simulation

Original

#AF78DE

Protanopia

#9797C5

Deuteranopia

#9A9EBF

Tritanopia

#ACB2AE

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DDC6F1
300
#C59DE7
400
#A567DA
500
#8632CD
600
#6B28A4
700
#562083
800
#431966
900
#33164B
950
#200E2F

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026