#F0AFBD

#F0AFBD

Color Values

HEX

#F0AFBD

RGB

240, 175, 189

HSL

347.1, 68.4%, 81.4%

HSV

347.1, 27.1%, 94.1%

CMYK

0.0%, 27.1%, 21.2%, 5.9%

OKLCH

0.8184 0.0778 4.7

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#F0AFBD

#AFF0E2

Analogous

#F0AFDE

#F0C2AF

#F0AFBD

Triadic

#F0AFBD

#BDF0AF

#AFBDF0

Split Complementary

#F0AFBD

#AFF0C2

#AFDEF0

Tetradic

#F0AFBD

#DEF0AF

#AFF0E2

#C2AFF0

Color Blindness Simulation

Original

#F0AFBD

Protanopia

#D4D3BA

Deuteranopia

#D8DCB9

Tritanopia

#EDB7B6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F8E3E7
200
#F4C3CD
300
#EC98AA
400
#E1607C
500
#D7284E
600
#AC203E
700
#891A32
800
#6B1427
900
#4E131F
950
#310C14

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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