#FF7284

#FF7284

Color Values

HEX

#FF7284

RGB

255, 114, 132

HSL

352.3, 100.0%, 72.4%

HSV

352.3, 55.3%, 100.0%

CMYK

0.0%, 55.3%, 48.2%, 0.0%

OKLCH

0.7259 0.172 14.6

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FF7284

#72FFED

Analogous

#FF72CB

#FFA772

#FF7284

Triadic

#FF7284

#84FF72

#7284FF

Split Complementary

#FF7284

#72FFA7

#72CBFF

Tetradic

#FF7284

#CBFF72

#72FFED

#A772FF

Color Blindness Simulation

Original

#FF7284

Protanopia

#C2C180

Deuteranopia

#CAD57F

Tritanopia

#F87C7B

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FFB8C1
300
#FF8594
400
#FF425B
500
#FF0021
600
#CC001A
700
#A30015
800
#800010
900
#5C0510
950
#3A030A

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.99:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026