#F2A7AE

#F2A7AE

Color Values

HEX

#F2A7AE

RGB

242, 167, 174

HSL

354,4, 74,3%, 80,2%

HSV

354,4, 31,0%, 94,9%

CMYK

0,0%, 31,0%, 28,1%, 5,1%

OKLCH

0,8024 0,0891 13,1

Properties

Warm Light Nearest: lightpink 2

Color Harmonies

Complementary

#F2A7AE

#A7F2EB

Analogous

#F2A7D4

#F2C6A7

#F2A7AE

Triadic

#F2A7AE

#AEF2A7

#A7AEF2

Split Complementary

#F2A7AE

#A7F2C6

#A7D4F2

Tetradic

#F2A7AE

#D4F2A7

#A7F2EB

#C6A7F2

Color Blindness Simulation

Original

#F2A7AE

Protanopia

#D2D1AC

Deuteranopia

#D6DBAC

Tritanopia

#EEABAB

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E4
200
#F6C1C6
300
#EF949D
400
#E75B68
500
#DE2132
600
#B21A28
700
#8E1520
800
#6F1019
900
#511016
950
#330A0E

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,91:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026