#F4BAFC

#F4BAFC

Color Values

HEX

#F4BAFC

RGB

244, 186, 252

HSL

292.7, 91.7%, 85.9%

HSV

292.7, 26.2%, 98.8%

CMYK

3.2%, 26.2%, 0.0%, 1.2%

OKLCH

0.8623 0.1086 322.4

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F4BAFC

#C2FCBA

Analogous

#D3BAFC

#FCBAE3

#F4BAFC

Triadic

#F4BAFC

#FCF4BA

#BAFCF4

Split Complementary

#F4BAFC

#E3FCBA

#BAFCD3

Tetradic

#F4BAFC

#FCD3BA

#C2FCBA

#BAE3FC

Color Blindness Simulation

Original

#F4BAFC

Protanopia

#DBDAEC

Deuteranopia

#DEE3E8

Tritanopia

#F1DFDD

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F4BBFC
300
#EC8AFA
400
#E24AF7
500
#D80BF4
600
#AD08C4
700
#8A079C
800
#6C057A
900
#4F0858
950
#320538

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.28:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026