#F28D80

#F28D80

Color Values

HEX

#F28D80

RGB

242, 141, 128

HSL

6.8, 81.4%, 72.5%

HSV

6.8, 47.1%, 94.9%

CMYK

0.0%, 41.7%, 47.1%, 5.1%

OKLCH

0.7477 0.1251 28.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F28D80

#80E5F2

Analogous

#F280AC

#F2C680

#F28D80

Triadic

#F28D80

#80F28D

#8D80F2

Split Complementary

#F28D80

#80F2C6

#80ACF2

Tetradic

#F28D80

#ACF280

#80E5F2

#C680F2

Color Blindness Simulation

Original

#F28D80

Protanopia

#C6C583

Deuteranopia

#CCD484

Tritanopia

#ED8686

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E1
200
#F8C5BE
300
#F49B90
400
#ED6554
500
#E72F18
600
#B92613
700
#941E0F
800
#74180C
900
#54150D
950
#350D08

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026