#AF83C6

#AF83C6

Color Values

HEX

#AF83C6

RGB

175, 131, 198

HSL

279.4, 37.0%, 64.5%

HSV

279.4, 33.8%, 77.6%

CMYK

11.6%, 33.8%, 0.0%, 22.4%

OKLCH

0.6767 0.1075 313.6

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AF83C6

#9AC683

Analogous

#8D83C6

#C683BB

#AF83C6

Triadic

#AF83C6

#C6AF83

#83C6AF

Split Complementary

#AF83C6

#BBC683

#83C68D

Tetradic

#AF83C6

#C68D83

#9AC683

#83BBC6

Color Blindness Simulation

Original

#AF83C6

Protanopia

#9C9CB6

Deuteranopia

#9EA2B2

Tritanopia

#ADA9A6

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE9
300
#C9ABD8
400
#AC7EC4
500
#8E50AF
600
#72408C
700
#5B3370
800
#472857
900
#362041
950
#221429

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88: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