#FE71BA

#FE71BA

Color Values

HEX

#FE71BA

RGB

254, 113, 186

HSL

328,9, 98,6%, 72,0%

HSV

328,9, 55,5%, 99,6%

CMYK

0,0%, 55,5%, 26,8%, 0,4%

OKLCH

0,7388 0,1877 350,4

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FE71BA

#71FEB5

Analogous

#FB71FE

#FE7174

#FE71BA

Triadic

#FE71BA

#BAFE71

#71BAFE

Split Complementary

#FE71BA

#74FE71

#71FEFB

Tetradic

#FE71BA

#FEFB71

#71FEB5

#7174FE

Color Blindness Simulation

Original

#FE71BA

Protanopia

#C1C0A8

Deuteranopia

#C9D4A4

Tritanopia

#F79A97

Achromatopsia

#949494

CSS Usage

background-color: #FE71BA;
color: #FE71BA;
border-color: #FE71BA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DD
300
#FE85C4
400
#FE44A4
500
#FD0284
600
#CB016A
700
#A20155
800
#7F0142
900
#5B0532
950
#3A0320

Contrast Checker

Text on white

2,53:1

AA Fail AAA Fail

Text on black

8,29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026