#F7EBFA

#F7EBFA

Color Values

HEX

#F7EBFA

RGB

247, 235, 250

HSL

288,0, 60,0%, 95,1%

HSV

288,0, 6,0%, 98,0%

CMYK

1,2%, 6,0%, 0,0%, 2,0%

OKLCH

0,9538 0,0236 319,5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F7EBFA

#EEFAEB

Analogous

#F0EBFA

#FAEBF6

#F7EBFA

Triadic

#F7EBFA

#FAF7EB

#EBFAF7

Split Complementary

#F7EBFA

#F6FAEB

#EBFAF0

Tetradic

#F7EBFA

#FAF0EB

#EEFAEB

#EBF6FA

Color Blindness Simulation

Original

#F7EBFA

Protanopia

#F2F2F6

Deuteranopia

#F2F3F6

Tritanopia

#F6F4F3

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F7EBFA;
color: #F7EBFA;
border-color: #F7EBFA;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FAF3FB
100
#F3E4F6
200
#E8C6F1
300
#D89DE7
400
#C368D9
500
#AD33CC
600
#8B29A3
700
#6F2183
800
#571A66
900
#40164B
950
#290E2F

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,22: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