#F2AEEC

#F2AEEC

Color Values

HEX

#F2AEEC

RGB

242, 174, 236

HSL

305,3, 72,3%, 81,6%

HSV

305,3, 28,1%, 94,9%

CMYK

0,0%, 28,1%, 2,5%, 5,1%

OKLCH

0,834 0,1123 329,6

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F2AEEC

#AEF2B4

Analogous

#D6AEF2

#F2AECA

#F2AEEC

Triadic

#F2AEEC

#ECF2AE

#AEECF2

Split Complementary

#F2AEEC

#CAF2AE

#AEF2D6

Tetradic

#F2AEEC

#F2D6AE

#AEF2B4

#AECAF2

Color Blindness Simulation

Original

#F2AEEC

Protanopia

#D5D4DD

Deuteranopia

#D8DED9

Tritanopia

#EFD1CF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #F2AEEC;
color: #F2AEEC;
border-color: #F2AEEC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1F1
300
#EE96E6
400
#E55CD9
500
#DC23CB
600
#B01CA3
700
#8D1782
800
#6E1266
900
#50114A
950
#330B2F

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,04: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