#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026