#AF494B

#AF494B

Color Values

HEX

#AF494B

RGB

175, 73, 75

HSL

358,8, 41,1%, 48,6%

HSV

358,8, 58,3%, 68,6%

CMYK

0,0%, 58,3%, 57,1%, 31,4%

OKLCH

0,5401 0,1338 21,5

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AF494B

#49AFAD

Analogous

#AF497E

#AF7A49

#AF494B

Triadic

#AF494B

#4BAF49

#494BAF

Split Complementary

#AF494B

#49AF7A

#497EAF

Tetradic

#AF494B

#7EAF49

#49AFAD

#7A49AF

Color Blindness Simulation

Original

#AF494B

Protanopia

#83824B

Deuteranopia

#89904A

Tritanopia

#AA4A4A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #AF494B;
color: #AF494B;
border-color: #AF494B;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9AA
400
#C77A7B
500
#B44B4D
600
#903C3E
700
#733031
800
#5A2627
900
#421F1F
950
#2A1314

Contrast Checker

Text on white

5,42:1

AA Pass AAA Fail

Text on black

3,88:1

AA Fail 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