#FE448C

#FE448C

Color Values

HEX

#FE448C

RGB

254, 68, 140

HSL

336.8, 98.9%, 63.1%

HSV

336.8, 73.2%, 99.6%

CMYK

0.0%, 73.2%, 44.9%, 0.4%

OKLCH

0.6767 0.2261 2.1

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FE448C

#44FEB6

Analogous

#FE44E9

#FE5944

#FE448C

Triadic

#FE448C

#8CFE44

#448CFE

Split Complementary

#FE448C

#44FE59

#44E9FE

Tetradic

#FE448C

#E9FE44

#44FEB6

#5944FE

Color Blindness Simulation

Original

#FE448C

Protanopia

#ADAC7B

Deuteranopia

#B8C676

Tritanopia

#F56D6A

Achromatopsia

#717171

CSS Usage

background-color: #FE448C;
color: #FE448C;
border-color: #FE448C;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FFB8D3
300
#FE85B4
400
#FE438B
500
#FE0163
600
#CB014F
700
#A2013F
800
#7F0131
900
#5C0527
950
#3A0318

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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