#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

Tháng 2 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Tháng 2 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Tháng 2 20, 2026