#AF6DB6

#AF6DB6

Color Values

HEX

#AF6DB6

RGB

175, 109, 182

HSL

294.2, 33.3%, 57.1%

HSV

294.2, 40.1%, 71.4%

CMYK

3.8%, 40.1%, 0.0%, 28.6%

OKLCH

0.6319 0.1287 323.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF6DB6

#74B66D

Analogous

#8B6DB6

#B66D99

#AF6DB6

Triadic

#AF6DB6

#B6AF6D

#6DB6AF

Split Complementary

#AF6DB6

#99B66D

#6DB68B

Tetradic

#AF6DB6

#B68B6D

#74B66D

#6D99B6

Color Blindness Simulation

Original

#AF6DB6

Protanopia

#9292A4

Deuteranopia

#969BA0

Tritanopia

#AC9693

Achromatopsia

#808080

CSS Usage

background-color: #AF6DB6;
color: #AF6DB6;
border-color: #AF6DB6;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E5CFE7
300
#D2ADD6
400
#BA81C0
500
#A255AA
600
#814488
700
#68366D
800
#512B55
900
#3C223F
950
#261528

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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