#F2C4EC

#F2C4EC

Color Values

HEX

#F2C4EC

RGB

242, 196, 236

HSL

307.8, 63.9%, 85.9%

HSV

307.8, 19.0%, 94.9%

CMYK

0.0%, 19.0%, 2.5%, 5.1%

OKLCH

0.8725 0.0737 330.6

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F2C4EC

#C4F2CA

Analogous

#E1C4F2

#F2C4D5

#F2C4EC

Triadic

#F2C4EC

#ECF2C4

#C4ECF2

Split Complementary

#F2C4EC

#D5F2C4

#C4F2E1

Tetradic

#F2C4EC

#F2E1C4

#C4F2CA

#C4D5F2

Color Blindness Simulation

Original

#F2C4EC

Protanopia

#DEDEE2

Deuteranopia

#E1E4E0

Tritanopia

#F0DBD9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F7E3F4
200
#F2C4EC
300
#E99BDF
400
#DD64CD
500
#D12EBC
600
#A72596
700
#861D78
800
#68175E
900
#4C1545
950
#300D2C

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.88:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026