#AF8591

#AF8591

Color Values

HEX

#AF8591

RGB

175, 133, 145

HSL

342.9, 20.8%, 60.4%

HSV

342.9, 24.0%, 68.6%

CMYK

0.0%, 24.0%, 17.1%, 31.4%

OKLCH

0.6606 0.0539 359.8

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AF8591

#85AFA3

Analogous

#AF85A6

#AF8E85

#AF8591

Triadic

#AF8591

#91AF85

#8591AF

Split Complementary

#AF8591

#85AF8E

#85A6AF

Tetradic

#AF8591

#A6AF85

#85AFA3

#8E85AF

Color Blindness Simulation

Original

#AF8591

Protanopia

#9D9C8E

Deuteranopia

#9FA28D

Tritanopia

#AD8C8B

Achromatopsia

#8F8F8F

CSS Usage

background-color: #AF8591;
color: #AF8591;
border-color: #AF8591;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4D8
300
#CFB5BC
400
#B48D98
500
#9A6574
600
#7B515D
700
#63414A
800
#4D323A
900
#3A272D
950
#24191C

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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