#FFACAF

#FFACAF

Color Values

HEX

#FFACAF

RGB

255, 172, 175

HSL

357,8, 100,0%, 83,7%

HSV

357,8, 32,5%, 100,0%

CMYK

0,0%, 32,5%, 31,4%, 0,0%

OKLCH

0,8254 0,0979 17,0

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FFACAF

#ACFFFC

Analogous

#FFACD8

#FFD2AC

#FFACAF

Triadic

#FFACAF

#AFFFAC

#ACAFFF

Split Complementary

#FFACAF

#ACFFD2

#ACD8FF

Tetradic

#FFACAF

#D8FFAC

#ACFFFC

#D2ACFF

Color Blindness Simulation

Original

#FFACAF

Protanopia

#DBDAAE

Deuteranopia

#E0E6AE

Tritanopia

#FBAEAE

Achromatopsia

#BEBEBE

CSS Usage

background-color: #FFACAF;
color: #FFACAF;
border-color: #FFACAF;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FFB8BA
300
#FF8589
400
#FF4249
500
#FF0009
600
#CC0007
700
#A30006
800
#800005
900
#5C0508
950
#3A0305

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,77:1

AA Pass AAA Pass

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