#FF3097

#FF3097

Color Values

HEX

#FF3097

RGB

255, 48, 151

HSL

330.1, 100.0%, 59.4%

HSV

330.1, 81.2%, 100.0%

CMYK

0.0%, 81.2%, 40.8%, 0.0%

OKLCH

0.6678 0.2477 356.9

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FF3097

#30FF98

Analogous

#FF30FF

#FF3030

#FF3097

Triadic

#FF3097

#97FF30

#3097FF

Split Complementary

#FF3097

#30FF30

#30FFFF

Tetradic

#FF3097

#FFFF30

#30FF98

#3030FF

Color Blindness Simulation

Original

#FF3097

Protanopia

#A5A47E

Deuteranopia

#B1C178

Tritanopia

#F56A66

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DB
300
#FF85C2
400
#FF42A0
500
#FF007F
600
#CC0066
700
#A30051
800
#800040
900
#5C0530
950
#3A031F

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

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