#F4696D

#F4696D

Color Values

HEX

#F4696D

RGB

244, 105, 109

HSL

358.3, 86.3%, 68.4%

HSV

358.3, 57.0%, 95.7%

CMYK

0.0%, 57.0%, 55.3%, 4.3%

OKLCH

0.6934 0.1713 20.9

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F4696D

#69F4F0

Analogous

#F469B2

#F4AA69

#F4696D

Triadic

#F4696D

#6DF469

#696DF4

Split Complementary

#F4696D

#69F4AA

#69B2F4

Tetradic

#F4696D

#B2F469

#69F4F0

#AA69F4

Color Blindness Simulation

Original

#F4696D

Protanopia

#B8B76C

Deuteranopia

#C0CA6C

Tritanopia

#ED6B6B

Achromatopsia

#878787

CSS Usage

background-color: #F4696D;
color: #F4696D;
border-color: #F4696D;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABCBE
300
#F78D90
400
#F24F54
500
#EE1118
600
#BE0E13
700
#980B0F
800
#77090C
900
#560B0D
950
#360708

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026