#F5F3FC

#F5F3FC

Color Values

HEX

#F5F3FC

RGB

245, 243, 252

HSL

253.3, 60.0%, 97.1%

HSV

253.3, 3.6%, 98.8%

CMYK

2.8%, 3.6%, 0.0%, 1.2%

OKLCH

0.9683 0.0121 296.4

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F5F3FC

#FAFCF3

Analogous

#F3F6FC

#FAF3FC

#F5F3FC

Triadic

#F5F3FC

#FCF5F3

#F3FCF5

Split Complementary

#F5F3FC

#FCFAF3

#F6FCF3

Tetradic

#F5F3FC

#FCF3F6

#FAFCF3

#F3FCFA

Color Blindness Simulation

Original

#F5F3FC

Protanopia

#F4F4FA

Deuteranopia

#F4F4F9

Tritanopia

#F5F8F8

Achromatopsia

#F4F4F4

CSS Usage

background-color: #F5F3FC;
color: #F5F3FC;
border-color: #F5F3FC;
Nearest Tailwind: Purple 50 #FAF5FF

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CFC6F1
300
#AD9DE7
400
#8168D9
500
#5533CC
600
#4429A3
700
#362183
800
#2A1A66
900
#22164B
950
#150E2F

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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