#F1DCFB

#F1DCFB

Color Values

HEX

#F1DCFB

RGB

241, 220, 251

HSL

280.6, 79.5%, 92.4%

HSV

280.6, 12.4%, 98.4%

CMYK

4.0%, 12.4%, 0.0%, 1.6%

OKLCH

0.9208 0.0471 315.0

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F1DCFB

#E6FBDC

Analogous

#E2DCFB

#FBDCF6

#F1DCFB

Triadic

#F1DCFB

#FBF1DC

#DCFBF1

Split Complementary

#F1DCFB

#F6FBDC

#DCFBE2

Tetradic

#F1DCFB

#FBE2DC

#E6FBDC

#DCF6FB

Color Blindness Simulation

Original

#F1DCFB

Protanopia

#E8E8F4

Deuteranopia

#E9EBF2

Tritanopia

#F0EEEC

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E1F9
200
#E5BFF8
300
#D391F2
400
#BB56EC
500
#A31AE5
600
#8315B7
700
#691192
800
#520D72
900
#3D0E53
950
#260934

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

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