#FE656F

#FE656F

Color Values

HEX

#FE656F

RGB

254, 101, 111

HSL

356,1, 98,7%, 69,6%

HSV

356,1, 60,2%, 99,6%

CMYK

0,0%, 60,2%, 56,3%, 0,4%

OKLCH

0,7034 0,1865 19,4

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FE656F

#65FEF4

Analogous

#FE65BB

#FEA865

#FE656F

Triadic

#FE656F

#6FFE65

#656FFE

Split Complementary

#FE656F

#65FEA8

#65BBFE

Tetradic

#FE656F

#BBFE65

#65FEF4

#A865FE

Color Blindness Simulation

Original

#FE656F

Protanopia

#BCBA6D

Deuteranopia

#C5D06C

Tritanopia

#F66B6A

Achromatopsia

#868686

CSS Usage

background-color: #FE656F;
color: #FE656F;
border-color: #FE656F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BD
300
#FE858D
400
#FE4450
500
#FD0212
600
#CB010E
700
#A2010C
800
#7F0109
900
#5B050B
950
#3A0307

Contrast Checker

Text on white

2,87:1

AA Fail AAA Fail

Text on black

7,31: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