#FE5F5D

#FE5F5D

Color Values

HEX

#FE5F5D

RGB

254, 95, 93

HSL

0.7, 98.8%, 68.0%

HSV

0.7, 63.4%, 99.6%

CMYK

0.0%, 62.6%, 63.4%, 0.4%

OKLCH

0.693 0.1945 24.3

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FE5F5D

#5DFCFE

Analogous

#FE5DAC

#FEAF5D

#FE5F5D

Triadic

#FE5F5D

#5DFE5F

#5F5DFE

Split Complementary

#FE5F5D

#5DFEAF

#5DACFE

Tetradic

#FE5F5D

#ACFE5D

#5DFCFE

#AF5DFE

Color Blindness Simulation

Original

#FE5F5D

Protanopia

#B9B85D

Deuteranopia

#C2CE5E

Tritanopia

#F65E5E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFB9B8
300
#FE8785
400
#FE4643
500
#FD0402
600
#CB0401
700
#A20301
800
#7F0201
900
#5C0605
950
#3A0403

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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