#F6DAFD

#F6DAFD

Color Values

HEX

#F6DAFD

RGB

246, 218, 253

HSL

288,0, 89,7%, 92,4%

HSV

288,0, 13,8%, 99,2%

CMYK

2,8%, 13,8%, 0,0%, 0,8%

OKLCH

0,9219 0,0555 319,5

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F6DAFD

#E1FDDA

Analogous

#E5DAFD

#FDDAF3

#F6DAFD

Triadic

#F6DAFD

#FDF6DA

#DAFDF6

Split Complementary

#F6DAFD

#F3FDDA

#DAFDE5

Tetradic

#F6DAFD

#FDE5DA

#E1FDDA

#DAF3FD

Color Blindness Simulation

Original

#F6DAFD

Protanopia

#EAEAF5

Deuteranopia

#ECEEF2

Tritanopia

#F5EEEC

Achromatopsia

#E2E2E2

CSS Usage

background-color: #F6DAFD;
color: #F6DAFD;
border-color: #F6DAFD;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#FBF2FD
100
#F5E0FB
200
#EFBBFB
300
#E38BF9
400
#D34CF5
500
#C40DF2
600
#9D0BC1
700
#7E089B
800
#620779
900
#480958
950
#2D0637

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026