#F4AFAC

#F4AFAC

Color Values

HEX

#F4AFAC

RGB

244, 175, 172

HSL

2.5, 76.6%, 81.6%

HSV

2.5, 29.5%, 95.7%

CMYK

0.0%, 28.3%, 29.5%, 4.3%

OKLCH

0.8181 0.0814 21.8

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#F4AFAC

#ACF1F4

Analogous

#F4ACCD

#F4D3AC

#F4AFAC

Triadic

#F4AFAC

#ACF4AF

#AFACF4

Split Complementary

#F4AFAC

#ACF4D3

#ACCDF4

Tetradic

#F4AFAC

#CDF4AC

#ACF1F4

#D3ACF4

Color Blindness Simulation

Original

#F4AFAC

Protanopia

#D6D6AD

Deuteranopia

#DADFAD

Tritanopia

#F1ADAD

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F4AFAC;
color: #F4AFAC;
border-color: #F4AFAC;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF3F2
100
#F9E2E2
200
#F7C2C0
300
#F19793
400
#E95E58
500
#E1261E
600
#B41E18
700
#901813
800
#71130F
900
#52120F
950
#340B0A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.57:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026