#FF4585

#FF4585

Color Values

HEX

#FF4585

RGB

255, 69, 133

HSL

339.4, 100.0%, 63.5%

HSV

339.4, 72.9%, 100.0%

CMYK

0.0%, 72.9%, 47.8%, 0.0%

OKLCH

0.6771 0.2242 4.9

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FF4585

#45FFBF

Analogous

#FF45E2

#FF6245

#FF4585

Triadic

#FF4585

#85FF45

#4585FF

Split Complementary

#FF4585

#45FF62

#45E2FF

Tetradic

#FF4585

#E2FF45

#45FFBF

#6245FF

Color Blindness Simulation

Original

#FF4585

Protanopia

#AEAD76

Deuteranopia

#B9C772

Tritanopia

#F66967

Achromatopsia

#717171

CSS Usage

background-color: #FF4585;
color: #FF4585;
border-color: #FF4585;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FFB8D0
300
#FF85AF
400
#FF4283
500
#FF0058
600
#CC0046
700
#A30038
800
#80002C
900
#5C0523
950
#3A0316

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

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