#FF5498

#FF5498

Color Values

HEX

#FF5498

RGB

255, 84, 152

HSL

336.1, 100.0%, 66.5%

HSV

336.1, 67.1%, 100.0%

CMYK

0.0%, 67.1%, 40.4%, 0.0%

OKLCH

0.6963 0.2131 359.9

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FF5498

#54FFBB

Analogous

#FF54EE

#FF6654

#FF5498

Triadic

#FF5498

#98FF54

#5498FF

Split Complementary

#FF5498

#54FF66

#54EEFF

Tetradic

#FF5498

#EEFF54

#54FFBB

#6654FF

Color Blindness Simulation

Original

#FF5498

Protanopia

#B5B388

Deuteranopia

#BFCC84

Tritanopia

#F67B78

Achromatopsia

#7D7D7D

CSS Usage

background-color: #FF5498;
color: #FF5498;
border-color: #FF5498;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FFB8D4
300
#FF85B5
400
#FF428D
500
#FF0066
600
#CC0051
700
#A30041
800
#800033
900
#5C0528
950
#3A0319

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026