#F3EDFE

#F3EDFE

Color Values

HEX

#F3EDFE

RGB

243, 237, 254

HSL

261.2, 89.5%, 96.3%

HSV

261.2, 6.7%, 99.6%

CMYK

4.3%, 6.7%, 0.0%, 0.4%

OKLCH

0.9557 0.0235 302.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3EDFE

#F8FEED

Analogous

#EDF0FE

#FCEDFE

#F3EDFE

Triadic

#F3EDFE

#FEF3ED

#EDFEF3

Split Complementary

#F3EDFE

#FEFCED

#F0FEED

Tetradic

#F3EDFE

#FEEDF0

#F8FEED

#EDFEFC

Color Blindness Simulation

Original

#F3EDFE

Protanopia

#F0F0FA

Deuteranopia

#F1F1F9

Tritanopia

#F3F7F6

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F3EDFE;
color: #F3EDFE;
border-color: #F3EDFE;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F6F2FD
100
#E9E0FB
200
#D2BBFB
300
#B28BF9
400
#884CF5
500
#5E0DF2
600
#4B0BC1
700
#3C099B
800
#2F0779
900
#250957
950
#170637

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026