#F48085

#F48085

Color Values

HEX

#F48085

RGB

244, 128, 133

HSL

357.4, 84.1%, 72.9%

HSV

357.4, 47.5%, 95.7%

CMYK

0.0%, 47.5%, 45.5%, 4.3%

OKLCH

0.731 0.142 18.5

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F48085

#80F4EF

Analogous

#F480BF

#F4B580

#F48085

Triadic

#F48085

#85F480

#8085F4

Split Complementary

#F48085

#80F4B5

#80BFF4

Tetradic

#F48085

#BFF480

#80F4EF

#B580F4

Color Blindness Simulation

Original

#F48085

Protanopia

#C2C184

Deuteranopia

#C8D184

Tritanopia

#EE8383

Achromatopsia

#999999

CSS Usage

background-color: #F48085;
color: #F48085;
border-color: #F48085;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#F9BDC0
300
#F58E93
400
#F05158
500
#EB141E
600
#BC1018
700
#960D13
800
#750A0F
900
#550C0F
950
#360709

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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