#FD4764

#FD4764

Color Values

HEX

#FD4764

RGB

253, 71, 100

HSL

350,4, 97,8%, 63,5%

HSV

350,4, 71,9%, 99,2%

CMYK

0,0%, 71,9%, 60,5%, 0,8%

OKLCH

0,668 0,2167 16,6

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FD4764

#47FDE0

Analogous

#FD47BF

#FD8547

#FD4764

Triadic

#FD4764

#64FD47

#4764FD

Split Complementary

#FD4764

#47FD85

#47BFFD

Tetradic

#FD4764

#BFFD47

#47FDE0

#8547FD

Color Blindness Simulation

Original

#FD4764

Protanopia

#AEAD5D

Deuteranopia

#B9C65B

Tritanopia

#F45756

Achromatopsia

#707070

CSS Usage

background-color: #FD4764;
color: #FD4764;
border-color: #FD4764;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB8C4
300
#FE8699
400
#FD4462
500
#FC032B
600
#CA0222
700
#A1021B
800
#7E0115
900
#5B0613
950
#3A040C

Contrast Checker

Text on white

3,35:1

AA Fail AAA Fail

Text on black

6,26: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