#AF63A7

#AF63A7

Color Values

HEX

#AF63A7

RGB

175, 99, 167

HSL

306.3, 32.2%, 53.7%

HSV

306.3, 43.4%, 68.6%

CMYK

0.0%, 43.4%, 4.6%, 31.4%

OKLCH

0.6093 0.1317 331.0

Properties

Warm Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF63A7

#63AF6B

Analogous

#9163AF

#AF6381

#AF63A7

Triadic

#AF63A7

#A7AF63

#63A7AF

Split Complementary

#AF63A7

#81AF63

#63AF91

Tetradic

#AF63A7

#AF9163

#63AF6B

#6381AF

Color Blindness Simulation

Original

#AF63A7

Protanopia

#8E8D97

Deuteranopia

#929893

Tritanopia

#AB8A87

Achromatopsia

#787878

CSS Usage

background-color: #AF63A7;
color: #AF63A7;
border-color: #AF63A7;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E7D0E4
300
#D6AED1
400
#BF82B9
500
#A956A0
600
#874580
700
#6C3766
800
#542B50
900
#3E223C
950
#271626

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026