#FDAFD5

#FDAFD5

Color Values

HEX

#FDAFD5

RGB

253, 175, 213

HSL

330,8, 95,1%, 83,9%

HSV

330,8, 30,8%, 99,2%

CMYK

0,0%, 30,8%, 15,8%, 0,8%

OKLCH

0,8391 0,1022 348,8

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDAFD5

#AFFDD7

Analogous

#FDAFFC

#FDB0AF

#FDAFD5

Triadic

#FDAFD5

#D5FDAF

#AFD5FD

Split Complementary

#FDAFD5

#AFFDB0

#AFFCFD

Tetradic

#FDAFD5

#FCFDAF

#AFFDD7

#B0AFFD

Color Blindness Simulation

Original

#FDAFD5

Protanopia

#DBDBCC

Deuteranopia

#E0E6CA

Tritanopia

#F9C5C3

Achromatopsia

#C2C2C2

CSS Usage

background-color: #FDAFD5;
color: #FDAFD5;
border-color: #FDAFD5;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DA
300
#FC88C0
400
#FA479E
500
#F9067C
600
#C70563
700
#9F0450
800
#7C033E
900
#5A072F
950
#39041E

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026