#FD7484

#FD7484

Color Values

HEX

#FD7484

RGB

253, 116, 132

HSL

353,0, 97,2%, 72,4%

HSV

353,0, 54,2%, 99,2%

CMYK

0,0%, 54,2%, 47,8%, 0,8%

OKLCH

0,7258 0,1673 15,0

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FD7484

#74FDED

Analogous

#FD74C9

#FDA974

#FD7484

Triadic

#FD7484

#84FD74

#7484FD

Split Complementary

#FD7484

#74FDA9

#74C9FD

Tetradic

#FD7484

#C9FD74

#74FDED

#A974FD

Color Blindness Simulation

Original

#FD7484

Protanopia

#C2C080

Deuteranopia

#CAD47F

Tritanopia

#F67D7C

Achromatopsia

#929292

CSS Usage

background-color: #FD7484;
color: #FD7484;
border-color: #FD7484;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FEB9C1
300
#FD8694
400
#FC455A
500
#FB0420
600
#C9031A
700
#A10215
800
#7E0210
900
#5B0610
950
#39040A

Contrast Checker

Text on white

2,62:1

AA Fail AAA Fail

Text on black

8,01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026