#F28489

#F28489

Color Values

HEX

#F28489

RGB

242, 132, 137

HSL

357.3, 80.9%, 73.3%

HSV

357.3, 45.5%, 94.9%

CMYK

0.0%, 45.5%, 43.4%, 5.1%

OKLCH

0.7354 0.1345 18.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F28489

#84F2ED

Analogous

#F284C0

#F2B684

#F28489

Triadic

#F28489

#89F284

#8489F2

Split Complementary

#F28489

#84F2B6

#84C0F2

Tetradic

#F28489

#C0F284

#84F2ED

#B684F2

Color Blindness Simulation

Original

#F28489

Protanopia

#C2C188

Deuteranopia

#C9D188

Tritanopia

#EC8787

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BEC1
300
#F39095
400
#ED545B
500
#E71822
600
#B9131B
700
#941016
800
#730C11
900
#540D10
950
#35080A

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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