#AF608F

#AF608F

Color Values

HEX

#AF608F

RGB

175, 96, 143

HSL

324.3, 33.1%, 53.1%

HSV

324.3, 45.1%, 68.6%

CMYK

0.0%, 45.1%, 18.3%, 31.4%

OKLCH

0.5947 0.1175 344.7

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AF608F

#60AF80

Analogous

#A760AF

#AF6067

#AF608F

Triadic

#AF608F

#8FAF60

#608FAF

Split Complementary

#AF608F

#67AF60

#60AFA7

Tetradic

#AF608F

#AFA760

#60AF80

#6067AF

Color Blindness Simulation

Original

#AF608F

Protanopia

#8D8C84

Deuteranopia

#919781

Tritanopia

#AB7B79

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E7CFDE
300
#D6AEC6
400
#C081A7
500
#AA5588
600
#88446C
700
#6D3757
800
#552B44
900
#3F2233
950
#281520

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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