#F1D8F3

#F1D8F3

Color Values

HEX

#F1D8F3

RGB

241, 216, 243

HSL

295.6, 52.9%, 90.0%

HSV

295.6, 11.1%, 95.3%

CMYK

0.8%, 11.1%, 0.0%, 4.7%

OKLCH

0.9107 0.045 323.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F1D8F3

#DAF3D8

Analogous

#E4D8F3

#F3D8E7

#F1D8F3

Triadic

#F1D8F3

#F3F1D8

#D8F3F1

Split Complementary

#F1D8F3

#E7F3D8

#D8F3E4

Tetradic

#F1D8F3

#F3E4D8

#DAF3D8

#D8E7F3

Color Blindness Simulation

Original

#F1D8F3

Protanopia

#E6E6EC

Deuteranopia

#E8EAEB

Tritanopia

#F0E7E6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EE
300
#DDA1E2
400
#CB6FD3
500
#B93CC3
600
#94309C
700
#76267D
800
#5D1E61
900
#441948
950
#2B102D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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