#AF7CC5

#AF7CC5

Color Values

HEX

#AF7CC5

RGB

175, 124, 197

HSL

281.9, 38.6%, 62.9%

HSV

281.9, 37.1%, 77.3%

CMYK

11.2%, 37.1%, 0.0%, 22.7%

OKLCH

0.664 0.1187 315.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AF7CC5

#92C57C

Analogous

#8A7CC5

#C57CB6

#AF7CC5

Triadic

#AF7CC5

#C5AF7C

#7CC5AF

Split Complementary

#AF7CC5

#B6C57C

#7CC58A

Tetradic

#AF7CC5

#C58A7C

#92C57C

#7CB6C5

Color Blindness Simulation

Original

#AF7CC5

Protanopia

#9998B3

Deuteranopia

#9CA0AF

Tritanopia

#ACA5A2

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E1CEE9
300
#CBAAD9
400
#AF7CC5
500
#934EB1
600
#763F8D
700
#5E3271
800
#4A2758
900
#372041
950
#231429

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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