#F4B9FD

#F4B9FD

Color Values

HEX

#F4B9FD

RGB

244, 185, 253

HSL

292.1, 94.4%, 85.9%

HSV

292.1, 26.9%, 99.2%

CMYK

3.6%, 26.9%, 0.0%, 0.8%

OKLCH

0.861 0.1114 322.0

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F4B9FD

#C2FDB9

Analogous

#D2B9FD

#FDB9E4

#F4B9FD

Triadic

#F4B9FD

#FDF4B9

#B9FDF4

Split Complementary

#F4B9FD

#E4FDB9

#B9FDD2

Tetradic

#F4B9FD

#FDD2B9

#C2FDB9

#B9E4FD

Color Blindness Simulation

Original

#F4B9FD

Protanopia

#DADAED

Deuteranopia

#DEE2E9

Tritanopia

#F1E0DD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F4BAFD
300
#EC88FC
400
#E248FA
500
#D807F8
600
#AD06C6
700
#8A059F
800
#6C047C
900
#4F075A
950
#320539

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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