#F48F93

#F48F93

Color Values

HEX

#F48F93

RGB

244, 143, 147

HSL

357.6, 82.1%, 75.9%

HSV

357.6, 41.4%, 95.7%

CMYK

0.0%, 41.4%, 39.8%, 4.3%

OKLCH

0.7576 0.1225 17.8

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F48F93

#8FF4F0

Analogous

#F48FC6

#F4BE8F

#F48F93

Triadic

#F48F93

#93F48F

#8F93F4

Split Complementary

#F48F93

#8FF4BE

#8FC6F4

Tetradic

#F48F93

#C6F48F

#8FF4F0

#BE8FF4

Color Blindness Simulation

Original

#F48F93

Protanopia

#C8C792

Deuteranopia

#CED692

Tritanopia

#EF9191

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F9BEC0
300
#F49094
400
#EE5359
500
#E8171F
600
#BA1219
700
#950F14
800
#740B10
900
#540D10
950
#35080A

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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