#AF6CB7

#AF6CB7

Color Values

HEX

#AF6CB7

RGB

175, 108, 183

HSL

293.6, 34.2%, 57.1%

HSV

293.6, 41.0%, 71.8%

CMYK

4.4%, 41.0%, 0.0%, 28.2%

OKLCH

0.6307 0.1315 323.1

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF6CB7

#74B76C

Analogous

#8A6CB7

#B76C9A

#AF6CB7

Triadic

#AF6CB7

#B7AF6C

#6CB7AF

Split Complementary

#AF6CB7

#9AB76C

#6CB78A

Tetradic

#AF6CB7

#B78A6C

#74B76C

#6C9AB7

Color Blindness Simulation

Original

#AF6CB7

Protanopia

#9291A5

Deuteranopia

#969BA0

Tritanopia

#AC9793

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F2
200
#E5CFE8
300
#D2ADD7
400
#BA80C1
500
#A254AB
600
#814389
700
#68366E
800
#512A56
900
#3C223F
950
#261528

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026