#F9AAED

#F9AAED

Color Values

HEX

#F9AAED

RGB

249, 170, 237

HSL

309.1, 86.8%, 82.2%

HSV

309.1, 31.7%, 97.6%

CMYK

0.0%, 31.7%, 4.8%, 2.4%

OKLCH

0.8348 0.1254 332.1

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F9AAED

#AAF9B6

Analogous

#DEAAF9

#F9AAC6

#F9AAED

Triadic

#F9AAED

#EDF9AA

#AAEDF9

Split Complementary

#F9AAED

#C6F9AA

#AAF9DE

Tetradic

#F9AAED

#F9DEAA

#AAF9B6

#AAC6F9

Color Blindness Simulation

Original

#F9AAED

Protanopia

#D7D6DD

Deuteranopia

#DBE1D9

Tritanopia

#F5D0CD

Achromatopsia

#C0C0C0

CSS Usage

background-color: #F9AAED;
color: #F9AAED;
border-color: #F9AAED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABCF1
300
#F78DE7
400
#F34FDA
500
#EE11CD
600
#BF0DA4
700
#980B83
800
#770866
900
#560B4B
950
#37072F

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.0:1

AA Pass AAA Pass

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