#FE4452

#FE4452

Color Values

HEX

#FE4452

RGB

254, 68, 82

HSL

355.5, 98.9%, 63.1%

HSV

355.5, 73.2%, 99.6%

CMYK

0.0%, 73.2%, 67.7%, 0.4%

OKLCH

0.6638 0.2209 21.8

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#FE4452

#44FEF0

Analogous

#FE44AF

#FE9344

#FE4452

Triadic

#FE4452

#52FE44

#4452FE

Split Complementary

#FE4452

#44FE93

#44AFFE

Tetradic

#FE4452

#AFFE44

#44FEF0

#9344FE

Color Blindness Simulation

Original

#FE4452

Protanopia

#ADAC4F

Deuteranopia

#B8C64E

Tritanopia

#F54C4B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BD
300
#FE858E
400
#FE4351
500
#FE0114
600
#CB0110
700
#A2010D
800
#7F010A
900
#5C050C
950
#3A0307

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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