#F2EDFA

#F2EDFA

Color Values

HEX

#F2EDFA

RGB

242, 237, 250

HSL

263.1, 56.5%, 95.5%

HSV

263.1, 5.2%, 98.0%

CMYK

3.2%, 5.2%, 0.0%, 2.0%

OKLCH

0.9537 0.0181 303.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2EDFA

#F5FAED

Analogous

#EDEFFA

#F9EDFA

#F2EDFA

Triadic

#F2EDFA

#FAF2ED

#EDFAF2

Split Complementary

#F2EDFA

#FAF9ED

#EFFAED

Tetradic

#F2EDFA

#FAEDEF

#F5FAED

#EDFAF9

Color Blindness Simulation

Original

#F2EDFA

Protanopia

#F0F0F7

Deuteranopia

#F0F0F6

Tritanopia

#F2F4F4

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EBE5F6
200
#D7C7EF
300
#BA9FE4
400
#946BD6
500
#6F37C8
600
#592CA0
700
#472380
800
#371C64
900
#2B1849
950
#1B0F2E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026