#AF5B5D

#AF5B5D

Color Values

HEX

#AF5B5D

RGB

175, 91, 93

HSL

358,6, 34,4%, 52,2%

HSV

358,6, 48,0%, 68,6%

CMYK

0,0%, 48,0%, 46,9%, 31,4%

OKLCH

0,5713 0,1095 19,6

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AF5B5D

#5BAFAD

Analogous

#AF5B87

#AF835B

#AF5B5D

Triadic

#AF5B5D

#5DAF5B

#5B5DAF

Split Complementary

#AF5B5D

#5BAF83

#5B87AF

Tetradic

#AF5B5D

#87AF5B

#5BAFAD

#835BAF

Color Blindness Simulation

Original

#AF5B5D

Protanopia

#8B8A5D

Deuteranopia

#90965C

Tritanopia

#AB5C5C

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ADAE
400
#C18082
500
#AB5456
600
#894345
700
#6E3637
800
#562A2B
900
#3F2122
950
#281516

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48: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