#F9B4F1

#F9B4F1

Color Values

HEX

#F9B4F1

RGB

249, 180, 241

HSL

307.0, 85.2%, 84.1%

HSV

307.0, 27.7%, 97.6%

CMYK

0.0%, 27.7%, 3.2%, 2.4%

OKLCH

0.8529 0.1116 330.5

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F9B4F1

#B4F9BC

Analogous

#DFB4F9

#F9B4CE

#F9B4F1

Triadic

#F9B4F1

#F1F9B4

#B4F1F9

Split Complementary

#F9B4F1

#CEF9B4

#B4F9DF

Tetradic

#F9B4F1

#F9DFB4

#B4F9BC

#B4CEF9

Color Blindness Simulation

Original

#F9B4F1

Protanopia

#DBDBE2

Deuteranopia

#DFE4DF

Tritanopia

#F6D7D4

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF3
300
#F68EEA
400
#F150DE
500
#EC13D3
600
#BD0FA9
700
#970C87
800
#760969
900
#560B4D
950
#360731

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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