#FF7084

#FF7084

Color Values

HEX

#FF7084

RGB

255, 112, 132

HSL

351.6, 100.0%, 72.0%

HSV

351.6, 56.1%, 100.0%

CMYK

0.0%, 56.1%, 48.2%, 0.0%

OKLCH

0.7233 0.1745 14.0

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FF7084

#70FFEB

Analogous

#FF70CC

#FFA470

#FF7084

Triadic

#FF7084

#84FF70

#7084FF

Split Complementary

#FF7084

#70FFA4

#70CCFF

Tetradic

#FF7084

#CCFF70

#70FFEB

#A470FF

Color Blindness Simulation

Original

#FF7084

Protanopia

#C1C07F

Deuteranopia

#C9D47E

Tritanopia

#F87B7A

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE2
200
#FFB8C2
300
#FF8596
400
#FF425D
500
#FF0024
600
#CC001D
700
#A30017
800
#800012
900
#5C0511
950
#3A030B

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.9:1

AA Pass AAA Pass

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