#F2C4F0

#F2C4F0

Color Values

HEX

#F2C4F0

RGB

242, 196, 240

HSL

302.6, 63.9%, 85.9%

HSV

302.6, 19.0%, 94.9%

CMYK

0.0%, 19.0%, 0.8%, 5.1%

OKLCH

0.8738 0.0776 327.6

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F2C4F0

#C4F2C6

Analogous

#DDC4F2

#F2C4D9

#F2C4F0

Triadic

#F2C4F0

#F0F2C4

#C4F0F2

Split Complementary

#F2C4F0

#D9F2C4

#C4F2DD

Tetradic

#F2C4F0

#F2DDC4

#C4F2C6

#C4D9F2

Color Blindness Simulation

Original

#F2C4F0

Protanopia

#DEDEE5

Deuteranopia

#E1E4E3

Tritanopia

#F0DDDB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F2C4F0
300
#E99BE6
400
#DD64D8
500
#D12ECA
600
#A725A2
700
#861D81
800
#681765
900
#4C154A
950
#300D2F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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