#FDA4AF

#FDA4AF

Color Values

HEX

#FDA4AF

RGB

253, 164, 175

HSL

352,6, 95,7%, 81,8%

HSV

352,6, 35,2%, 99,2%

CMYK

0,0%, 35,2%, 30,8%, 0,8%

OKLCH

0,8097 0,1061 11,6

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FDA4AF

#A4FDF2

Analogous

#FDA4DC

#FDC6A4

#FDA4AF

Triadic

#FDA4AF

#AFFDA4

#A4AFFD

Split Complementary

#FDA4AF

#A4FDC6

#A4DCFD

Tetradic

#FDA4AF

#DCFDA4

#A4FDF2

#C6A4FD

Color Blindness Simulation

Original

#FDA4AF

Protanopia

#D6D6AC

Deuteranopia

#DCE2AC

Tritanopia

#F9AAAA

Achromatopsia

#B8B8B8

CSS Usage

background-color: #FDA4AF;
color: #FDA4AF;
border-color: #FDA4AF;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F3
100
#FCDFE2
200
#FDB9C2
300
#FC8796
400
#FB465D
500
#FA0524
600
#C8041C
700
#A00417
800
#7D0312
900
#5A0711
950
#39040B

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,11:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Rose

Rose 300

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