#F6DAFF

#F6DAFF

Color Values

HEX

#F6DAFF

RGB

246, 218, 255

HSL

285.4, 100.0%, 92.7%

HSV

285.4, 14.5%, 100.0%

CMYK

3.5%, 14.5%, 0.0%, 0.0%

OKLCH

0.9225 0.0577 317.9

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F6DAFF

#E3FFDA

Analogous

#E3DAFF

#FFDAF5

#F6DAFF

Triadic

#F6DAFF

#FFF6DA

#DAFFF6

Split Complementary

#F6DAFF

#F5FFDA

#DAFFE3

Tetradic

#F6DAFF

#FFE3DA

#E3FFDA

#DAF5FF

Color Blindness Simulation

Original

#F6DAFF

Protanopia

#EAEAF6

Deuteranopia

#ECEEF4

Tritanopia

#F5EFED

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FBF1FE
100
#F5DEFC
200
#EEB8FF
300
#E185FF
400
#D142FF
500
#C100FF
600
#9A00CC
700
#7B00A3
800
#600080
900
#47055C
950
#2D033A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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