#FFD6FE

#FFD6FE

Color Values

HEX

#FFD6FE

RGB

255, 214, 254

HSL

301.5, 100.0%, 92.0%

HSV

301.5, 16.1%, 100.0%

CMYK

0.0%, 16.1%, 0.4%, 0.0%

OKLCH

0.9227 0.0691 326.9

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FFD6FE

#D6FFD7

Analogous

#ECD6FF

#FFD6EA

#FFD6FE

Triadic

#FFD6FE

#FEFFD6

#D6FEFF

Split Complementary

#FFD6FE

#EAFFD6

#D6FFEC

Tetradic

#FFD6FE

#FFECD6

#D6FFD7

#D6EAFF

Color Blindness Simulation

Original

#FFD6FE

Protanopia

#EDEDF4

Deuteranopia

#F0F3F2

Tritanopia

#FDEDEB

Achromatopsia

#E2E2E2

CSS Usage

background-color: #FFD6FE;
color: #FFD6FE;
border-color: #FFD6FE;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FD
300
#FF85FC
400
#FF42FA
500
#FF00F9
600
#CC00C7
700
#A3009F
800
#80007C
900
#5C055A
950
#3A0339

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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