#AB434A

#AB434A

Color Values

HEX

#AB434A

RGB

171, 67, 74

HSL

356.0, 43.7%, 46.7%

HSV

356.0, 60.8%, 67.1%

CMYK

0.0%, 60.8%, 56.7%, 32.9%

OKLCH

0.5255 0.1366 19.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB434A

#43ABA4

Analogous

#AB437E

#AB7043

#AB434A

Triadic

#AB434A

#4AAB43

#434AAB

Split Complementary

#AB434A

#43AB70

#437EAB

Tetradic

#AB434A

#7EAB43

#43ABA4

#7043AB

Color Blindness Simulation

Original

#AB434A

Protanopia

#7E7D48

Deuteranopia

#848C48

Tritanopia

#A64747

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCE
300
#DDA7AB
400
#CA777D
500
#B7484F
600
#93393F
700
#752E33
800
#5C2428
900
#441D20
950
#2B1314

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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