#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