#FE898F

#FE898F

Color Values

HEX

#FE898F

RGB

254, 137, 143

HSL

356.9, 98.3%, 76.7%

HSV

356.9, 46.1%, 99.6%

CMYK

0.0%, 46.1%, 43.7%, 0.4%

OKLCH

0.7598 0.1419 17.8

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FE898F

#89FEF8

Analogous

#FE89CA

#FEBE89

#FE898F

Triadic

#FE898F

#8FFE89

#898FFE

Split Complementary

#FE898F

#89FEBE

#89CAFE

Tetradic

#FE898F

#CAFE89

#89FEF8

#BE89FE

Color Blindness Simulation

Original

#FE898F

Protanopia

#CBCA8E

Deuteranopia

#D2DB8D

Tritanopia

#F88C8C

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB8BC
300
#FE868C
400
#FD444D
500
#FD020F
600
#CA020C
700
#A2010A
800
#7E0108
900
#5B060A
950
#3A0406

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026