#AF8FDB

#AF8FDB

Color Values

HEX

#AF8FDB

RGB

175, 143, 219

HSL

265,3, 51,4%, 71,0%

HSV

265,3, 34,7%, 85,9%

CMYK

20,1%, 34,7%, 0,0%, 14,1%

OKLCH

0,7078 0,1133 303,0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF8FDB

#BBDB8F

Analogous

#8F95DB

#D58FDB

#AF8FDB

Triadic

#AF8FDB

#DBAF8F

#8FDBAF

Split Complementary

#AF8FDB

#DBD58F

#95DB8F

Tetradic

#AF8FDB

#DB8F95

#BBDB8F

#8FDBD5

Color Blindness Simulation

Original

#AF8FDB

Protanopia

#A1A1C9

Deuteranopia

#A3A5C4

Tritanopia

#ADBAB7

Achromatopsia

#9B9B9B

CSS Usage

background-color: #AF8FDB;
color: #AF8FDB;
border-color: #AF8FDB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D8C9EE
300
#BDA2E1
400
#9970D1
500
#753EC1
600
#5E329A
700
#4B287C
800
#3B1F61
900
#2D1A47
950
#1C102D

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,77:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026