#F3BAFD

#F3BAFD

Color Values

HEX

#F3BAFD

RGB

243, 186, 253

HSL

291,0, 94,4%, 86,1%

HSV

291,0, 26,5%, 99,2%

CMYK

4,0%, 26,5%, 0,0%, 0,8%

OKLCH

0,8617 0,1091 321,3

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F3BAFD

#C4FDBA

Analogous

#D2BAFD

#FDBAE6

#F3BAFD

Triadic

#F3BAFD

#FDF3BA

#BAFDF3

Split Complementary

#F3BAFD

#E6FDBA

#BAFDD2

Tetradic

#F3BAFD

#FDD2BA

#C4FDBA

#BAE6FD

Color Blindness Simulation

Original

#F3BAFD

Protanopia

#DADAED

Deuteranopia

#DEE2E9

Tritanopia

#F0E0DD

Achromatopsia

#CBCBCB

CSS Usage

background-color: #F3BAFD;
color: #F3BAFD;
border-color: #F3BAFD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FCF1FD
100
#F7DFFB
200
#F3BAFD
300
#EA88FC
400
#DF48FA
500
#D407F8
600
#A906C6
700
#88059F
800
#6A047C
900
#4D075A
950
#310539

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026