#F3F0FF

#F3F0FF

Color Values

HEX

#F3F0FF

RGB

243, 240, 255

HSL

252.0, 100.0%, 97.1%

HSV

252.0, 5.9%, 100.0%

CMYK

4.7%, 5.9%, 0.0%, 0.0%

OKLCH

0.9618 0.0202 295.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3F0FF

#FCFFF0

Analogous

#F0F5FF

#FBF0FF

#F3F0FF

Triadic

#F3F0FF

#FFF3F0

#F0FFF3

Split Complementary

#F3F0FF

#FFFBF0

#F5FFF0

Tetradic

#F3F0FF

#FFF0F5

#FCFFF0

#F0FFFB

Color Blindness Simulation

Original

#F3F0FF

Protanopia

#F2F2FB

Deuteranopia

#F2F2FA

Tritanopia

#F3F9F8

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E4DEFC
200
#C6B8FF
300
#9D85FF
400
#6842FF
500
#3300FF
600
#2900CC
700
#2100A3
800
#1A0080
900
#16055C
950
#0E033A

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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