#F2D7EF

#F2D7EF

Color Values

HEX

#F2D7EF

RGB

242, 215, 239

HSL

306.7, 50.9%, 89.6%

HSV

306.7, 11.2%, 94.9%

CMYK

0.0%, 11.2%, 1.2%, 5.1%

OKLCH

0.9084 0.0434 329.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F2D7EF

#D7F2DA

Analogous

#E7D7F2

#F2D7E1

#F2D7EF

Triadic

#F2D7EF

#EFF2D7

#D7EFF2

Split Complementary

#F2D7EF

#E1F2D7

#D7F2E7

Tetradic

#F2D7EF

#F2E7D7

#D7F2DA

#D7E1F2

Color Blindness Simulation

Original

#F2D7EF

Protanopia

#E6E6E9

Deuteranopia

#E8EAE8

Tritanopia

#F1E5E4

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EDC9E9
300
#E1A3DA
400
#D171C6
500
#C03FB2
600
#9A328E
700
#7B2872
800
#601F59
900
#471A42
950
#2D1129

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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