#F9AEEE

#F9AEEE

Color Values

HEX

#F9AEEE

RGB

249, 174, 238

HSL

308.8, 86.2%, 82.9%

HSV

308.8, 30.1%, 97.6%

CMYK

0.0%, 30.1%, 4.4%, 2.4%

OKLCH

0.8418 0.1193 331.8

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F9AEEE

#AEF9B9

Analogous

#DEAEF9

#F9AEC8

#F9AEEE

Triadic

#F9AEEE

#EEF9AE

#AEEEF9

Split Complementary

#F9AEEE

#C8F9AE

#AEF9DE

Tetradic

#F9AEEE

#F9DEAE

#AEF9B9

#AEC8F9

Color Blindness Simulation

Original

#F9AEEE

Protanopia

#D9D8DF

Deuteranopia

#DDE2DB

Tritanopia

#F5D2D0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF1
300
#F78DE7
400
#F24FDA
500
#ED12CD
600
#BE0EA4
700
#980B83
800
#770967
900
#560B4B
950
#36072F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026