#FE3D39

#FE3D39

Color Values

HEX

#FE3D39

RGB

254, 61, 57

HSL

1.2, 99.0%, 61.0%

HSV

1.2, 77.6%, 99.6%

CMYK

0.0%, 76.0%, 77.6%, 0.4%

OKLCH

0.6549 0.2288 27.1

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FE3D39

#39FAFE

Analogous

#FE3998

#FE9F39

#FE3D39

Triadic

#FE3D39

#39FE3D

#3D39FE

Split Complementary

#FE3D39

#39FE9F

#3998FE

Tetradic

#FE3D39

#98FE39

#39FAFE

#9F39FE

Color Blindness Simulation

Original

#FE3D39

Protanopia

#AAA93A

Deuteranopia

#B6C43A

Tritanopia

#F43B3B

Achromatopsia

#666666

CSS Usage

background-color: #FE3D39;
color: #FE3D39;
border-color: #FE3D39;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFB9B8
300
#FE8885
400
#FE4743
500
#FE0601
600
#CB0501
700
#A20401
800
#7F0301
900
#5C0705
950
#3A0403

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026