#F2AED6

#F2AED6

Color Values

HEX

#F2AED6

RGB

242, 174, 214

HSL

324.7, 72.3%, 81.6%

HSV

324.7, 28.1%, 94.9%

CMYK

0.0%, 28.1%, 11.6%, 5.1%

OKLCH

0.8263 0.094 343.3

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F2AED6

#AEF2CA

Analogous

#ECAEF2

#F2AEB4

#F2AED6

Triadic

#F2AED6

#D6F2AE

#AED6F2

Split Complementary

#F2AED6

#B4F2AE

#AEF2EC

Tetradic

#F2AED6

#F2ECAE

#AEF2CA

#AEB4F2

Color Blindness Simulation

Original

#F2AED6

Protanopia

#D5D4CC

Deuteranopia

#D8DECA

Tritanopia

#EFC5C3

Achromatopsia

#BFBFBF

CSS Usage

background-color: #F2AED6;
color: #F2AED6;
border-color: #F2AED6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F5C1E0
300
#EE96CA
400
#E55CAD
500
#DC2390
600
#B01C73
700
#8D175C
800
#6E1248
900
#501136
950
#330B22

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.8:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026