#AF505C

#AF505C

Color Values

HEX

#AF505C

RGB

175, 80, 92

HSL

352,4, 37,3%, 50,0%

HSV

352,4, 54,3%, 68,6%

CMYK

0,0%, 54,3%, 47,4%, 31,4%

OKLCH

0,5541 0,1243 14,2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF505C

#50AFA3

Analogous

#AF508C

#AF7350

#AF505C

Triadic

#AF505C

#5CAF50

#505CAF

Split Complementary

#AF505C

#50AF73

#508CAF

Tetradic

#AF505C

#8CAF50

#50AFA3

#7350AF

Color Blindness Simulation

Original

#AF505C

Protanopia

#868559

Deuteranopia

#8B9258

Tritanopia

#AA5756

Achromatopsia

#656565

CSS Usage

background-color: #AF505C;
color: #AF505C;
border-color: #AF505C;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#E9CED1
300
#D9ABB1
400
#C47D86
500
#AF505C
600
#8C404A
700
#70333B
800
#58282E
900
#412024
950
#291417

Contrast Checker

Text on white

5,09:1

AA Pass AAA Fail

Text on black

4,12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026