#F29DA8

#F29DA8

Color Values

HEX

#F29DA8

RGB

242, 157, 168

HSL

352.2, 76.6%, 78.2%

HSV

352.2, 35.1%, 94.9%

CMYK

0.0%, 35.1%, 30.6%, 5.1%

OKLCH

0.7836 0.1022 11.2

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#F29DA8

#9DF2E7

Analogous

#F29DD2

#F2BC9D

#F29DA8

Triadic

#F29DA8

#A8F29D

#9DA8F2

Split Complementary

#F29DA8

#9DF2BC

#9DD2F2

Tetradic

#F29DA8

#D2F29D

#9DF2E7

#BC9DF2

Color Blindness Simulation

Original

#F29DA8

Protanopia

#CDCCA5

Deuteranopia

#D2D8A5

Tritanopia

#EEA3A3

Achromatopsia

#B0B0B0

CSS Usage

background-color: #F29DA8;
color: #F29DA8;
border-color: #F29DA8;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF2F4
100
#F9E2E5
200
#F7C0C7
300
#F1939F
400
#E9586B
500
#E11E37
600
#B4182C
700
#901323
800
#710F1C
900
#520F18
950
#340A0F

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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