#AB4854

#AB4854

Color Values

HEX

#AB4854

RGB

171, 72, 84

HSL

352.7, 40.7%, 47.6%

HSV

352.7, 57.9%, 67.1%

CMYK

0.0%, 57.9%, 50.9%, 32.9%

OKLCH

0.5346 0.1301 15.2

Properties

Warm Dark Nearest: RAL 4002 Red Violet

Color Harmonies

Complementary

#AB4854

#48AB9F

Analogous

#AB4885

#AB6D48

#AB4854

Triadic

#AB4854

#54AB48

#4854AB

Split Complementary

#AB4854

#48AB6D

#4885AB

Tetradic

#AB4854

#85AB48

#48AB9F

#6D48AB

Color Blindness Simulation

Original

#AB4854

Protanopia

#807F51

Deuteranopia

#868D50

Tritanopia

#A64F4E

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DBA9AF
400
#C77A84
500
#B34C58
600
#903C47
700
#733038
800
#5A262C
900
#421F23
950
#2A1316

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026