#FE1F75

#FE1F75

Color Values

HEX

#FE1F75

RGB

254, 31, 117

HSL

336.9, 99.1%, 55.9%

HSV

336.9, 87.8%, 99.6%

CMYK

0.0%, 87.8%, 53.9%, 0.4%

OKLCH

0.648 0.248 6.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FE1F75

#1FFEA8

Analogous

#FE1FE4

#FE391F

#FE1F75

Triadic

#FE1F75

#75FE1F

#1F75FE

Split Complementary

#FE1F75

#1FFE39

#1FE4FE

Tetradic

#FE1F75

#E4FE1F

#1FFEA8

#391FFE

Color Blindness Simulation

Original

#FE1F75

Protanopia

#9D9C60

Deuteranopia

#AABB5B

Tritanopia

#F3504C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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