#F1D6EC

#F1D6EC

Color Values

HEX

#F1D6EC

RGB

241, 214, 236

HSL

311.1, 49.1%, 89.2%

HSV

311.1, 11.2%, 94.5%

CMYK

0.0%, 11.2%, 2.1%, 5.5%

OKLCH

0.9048 0.0416 332.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F1D6EC

#D6F1DB

Analogous

#E8D6F1

#F1D6DE

#F1D6EC

Triadic

#F1D6EC

#ECF1D6

#D6ECF1

Split Complementary

#F1D6EC

#DEF1D6

#D6F1E8

Tetradic

#F1D6EC

#F1E8D6

#D6F1DB

#D6DEF1

Color Blindness Simulation

Original

#F1D6EC

Protanopia

#E5E5E7

Deuteranopia

#E7E9E5

Tritanopia

#F0E2E2

Achromatopsia

#DDDDDD

CSS Usage

background-color: #F1D6EC;
color: #F1D6EC;
border-color: #F1D6EC;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FBF4F9
100
#F5E6F2
200
#EDCAE6
300
#E0A4D5
400
#CF72BE
500
#BE41A7
600
#983486
700
#7A2A6B
800
#5F2053
900
#461B3E
950
#2C1127

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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