#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026