#FFAADD

#FFAADD

Color Values

HEX

#FFAADD

RGB

255, 170, 221

HSL

324.0, 100.0%, 83.3%

HSV

324.0, 33.3%, 100.0%

CMYK

0.0%, 33.3%, 13.3%, 0.0%

OKLCH

0.8355 0.1177 343.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FFAADD

#AAFFCC

Analogous

#F6AAFF

#FFAAB2

#FFAADD

Triadic

#FFAADD

#DDFFAA

#AADDFF

Split Complementary

#FFAADD

#B2FFAA

#AAFFF6

Tetradic

#FFAADD

#FFF6AA

#AAFFCC

#AAB2FF

Color Blindness Simulation

Original

#FFAADD

Protanopia

#DAD9D1

Deuteranopia

#DFE6CE

Tritanopia

#FBC7C5

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF0
200
#FFB8E2
300
#FF85CE
400
#FF42B4
500
#FF0099
600
#CC007A
700
#A30062
800
#80004C
900
#5C0539
950
#3A0324

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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