#AF8CF7

#AF8CF7

Color Values

HEX

#AF8CF7

RGB

175, 140, 247

HSL

259,6, 87,0%, 75,9%

HSV

259,6, 43,3%, 96,9%

CMYK

29,1%, 43,3%, 0,0%, 3,1%

OKLCH

0,7162 0,1545 297,4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AF8CF7

#D4F78C

Analogous

#8C9FF7

#E48CF7

#AF8CF7

Triadic

#AF8CF7

#F7AF8C

#8CF7AF

Split Complementary

#AF8CF7

#F7E48C

#9FF78C

Tetradic

#AF8CF7

#F78C9F

#D4F78C

#8CF7E4

Color Blindness Simulation

Original

#AF8CF7

Protanopia

#A0A0DD

Deuteranopia

#A2A4D7

Tritanopia

#ADC9C4

Achromatopsia

#9B9B9B

CSS Usage

background-color: #AF8CF7;
color: #AF8CF7;
border-color: #AF8CF7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F2FD
100
#E9E0FA
200
#D1BCFA
300
#AF8DF7
400
#844FF3
500
#5911EE
600
#470DBF
700
#390B99
800
#2D0877
900
#230B56
950
#160737

Contrast Checker

Text on white

2,65:1

AA Fail AAA Fail

Text on black

7,92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026