#F3C4EC

#F3C4EC

Color Values

HEX

#F3C4EC

RGB

243, 196, 236

HSL

308.9, 66.2%, 86.1%

HSV

308.9, 19.3%, 95.3%

CMYK

0.0%, 19.3%, 2.9%, 4.7%

OKLCH

0.8734 0.0745 331.3

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F3C4EC

#C4F3CB

Analogous

#E3C4F3

#F3C4D5

#F3C4EC

Triadic

#F3C4EC

#ECF3C4

#C4ECF3

Split Complementary

#F3C4EC

#D5F3C4

#C4F3E3

Tetradic

#F3C4EC

#F3E3C4

#C4F3CB

#C4D5F3

Color Blindness Simulation

Original

#F3C4EC

Protanopia

#DFDEE2

Deuteranopia

#E1E5E0

Tritanopia

#F1DBD9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F7E3F4
200
#F3C4EC
300
#EA99DE
400
#DF62CD
500
#D42BBB
600
#AA2295
700
#881C78
800
#6A165D
900
#4D1445
950
#310C2B

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026