#F8BAFC

#F8BAFC

Color Values

HEX

#F8BAFC

RGB

248, 186, 252

HSL

296.4, 91.7%, 85.9%

HSV

296.4, 26.2%, 98.8%

CMYK

1.6%, 26.2%, 0.0%, 1.2%

OKLCH

0.8662 0.1111 324.5

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F8BAFC

#BEFCBA

Analogous

#D7BAFC

#FCBADF

#F8BAFC

Triadic

#F8BAFC

#FCF8BA

#BAFCF8

Split Complementary

#F8BAFC

#DFFCBA

#BAFCD7

Tetradic

#F8BAFC

#FCD7BA

#BEFCBA

#BADFFC

Color Blindness Simulation

Original

#F8BAFC

Protanopia

#DDDDEC

Deuteranopia

#E1E5E8

Tritanopia

#F5DFDD

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#F9DFFB
200
#F8BBFC
300
#F38AFA
400
#ED4AF7
500
#E60BF4
600
#B808C4
700
#93079C
800
#73057A
900
#540858
950
#350538

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026