#F29EC4

#F29EC4

Color Values

HEX

#F29EC4

RGB

242, 158, 196

HSL

332.9, 76.4%, 78.4%

HSV

332.9, 34.7%, 94.9%

CMYK

0.0%, 34.7%, 19.0%, 5.1%

OKLCH

0.7935 0.1099 351.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F29EC4

#9EF2CC

Analogous

#F29EEE

#F2A29E

#F29EC4

Triadic

#F29EC4

#C4F29E

#9EC4F2

Split Complementary

#F29EC4

#9EF2A2

#9EEEF2

Tetradic

#F29EC4

#EEF29E

#9EF2CC

#A29EF2

Color Blindness Simulation

Original

#F29EC4

Protanopia

#CECDBB

Deuteranopia

#D2D9B9

Tritanopia

#EEB4B2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F7C0D9
300
#F193BD
400
#E9599A
500
#E11E76
600
#B4185E
700
#90134C
800
#700F3B
900
#520F2D
950
#340A1D

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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