#F3F1FD

#F3F1FD

Color Values

HEX

#F3F1FD

RGB

243, 241, 253

HSL

250.0, 75.0%, 96.9%

HSV

250.0, 4.7%, 99.2%

CMYK

4.0%, 4.7%, 0.0%, 0.8%

OKLCH

0.9631 0.0161 293.8

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F3F1FD

#FBFDF1

Analogous

#F1F5FD

#F9F1FD

#F3F1FD

Triadic

#F3F1FD

#FDF3F1

#F1FDF3

Split Complementary

#F3F1FD

#FDF9F1

#F5FDF1

Tetradic

#F3F1FD

#FDF1F5

#FBFDF1

#F1FDF9

Color Blindness Simulation

Original

#F3F1FD

Protanopia

#F2F2FA

Deuteranopia

#F2F2F9

Tritanopia

#F3F8F7

Achromatopsia

#F2F2F2

CSS Usage

background-color: #F3F1FD;
color: #F3F1FD;
border-color: #F3F1FD;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F4F2FC
100
#E6E2F9
200
#C9C1F6
300
#A394F0
400
#715AE7
500
#4020DF
600
#3319B3
700
#29148F
800
#201070
900
#1B1051
950
#110A33

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026