#FE858F

#FE858F

Color Values

HEX

#FE858F

RGB

254, 133, 143

HSL

355.0, 98.4%, 75.9%

HSV

355.0, 47.6%, 99.6%

CMYK

0.0%, 47.6%, 43.7%, 0.4%

OKLCH

0.7538 0.147 16.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FE858F

#85FEF4

Analogous

#FE85CC

#FEB785

#FE858F

Triadic

#FE858F

#8FFE85

#858FFE

Split Complementary

#FE858F

#85FEB7

#85CCFE

Tetradic

#FE858F

#CCFE85

#85FEF4

#B785FE

Color Blindness Simulation

Original

#FE858F

Protanopia

#CAC98D

Deuteranopia

#D1DA8C

Tritanopia

#F88B8A

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BE
300
#FE8690
400
#FD4453
500
#FD0217
600
#CA0212
700
#A2010F
800
#7E010B
900
#5B060D
950
#3A0408

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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