#FE5556

#FE5556

Color Values

HEX

#FE5556

RGB

254, 85, 86

HSL

359.6, 98.8%, 66.5%

HSV

359.6, 66.5%, 99.6%

CMYK

0.0%, 66.5%, 66.1%, 0.4%

OKLCH

0.6808 0.2052 24.1

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FE5556

#55FEFD

Analogous

#FE55AB

#FEA855

#FE5556

Triadic

#FE5556

#56FE55

#5556FE

Split Complementary

#FE5556

#55FEA8

#55ABFE

Tetradic

#FE5556

#ABFE55

#55FEFD

#A855FE

Color Blindness Simulation

Original

#FE5556

Protanopia

#B5B356

Deuteranopia

#BFCB56

Tritanopia

#F65656

Achromatopsia

#797979

CSS Usage

background-color: #FE5556;
color: #FE5556;
border-color: #FE5556;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FFB8B8
300
#FE8586
400
#FE4345
500
#FD0203
600
#CB0103
700
#A20102
800
#7F0102
900
#5C0506
950
#3A0304

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

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