#F6E7FC

#F6E7FC

Color Values

HEX

#F6E7FC

RGB

246, 231, 252

HSL

282.9, 77.8%, 94.7%

HSV

282.9, 8.3%, 98.8%

CMYK

2.4%, 8.3%, 0.0%, 1.2%

OKLCH

0.946 0.0321 316.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F6E7FC

#EDFCE7

Analogous

#EBE7FC

#FCE7F7

#F6E7FC

Triadic

#F6E7FC

#FCF6E7

#E7FCF6

Split Complementary

#F6E7FC

#F7FCE7

#E7FCEB

Tetradic

#F6E7FC

#FCEBE7

#EDFCE7

#E7F7FC

Color Blindness Simulation

Original

#F6E7FC

Protanopia

#F0EFF7

Deuteranopia

#F0F2F6

Tritanopia

#F5F3F2

Achromatopsia

#ECECEC

CSS Usage

background-color: #F6E7FC;
color: #F6E7FC;
border-color: #F6E7FC;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF2FC
100
#F2E1F9
200
#E7C0F7
300
#D692F1
400
#C057EA
500
#AA1CE3
600
#8817B5
700
#6D1291
800
#550E71
900
#3F0F52
950
#280934

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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