#FF0F55

#FF0F55

Color Values

HEX

#FF0F55

RGB

255, 15, 85

HSL

342.5, 100.0%, 52.9%

HSV

342.5, 94.1%, 100.0%

CMYK

0.0%, 94.1%, 66.7%, 0.0%

OKLCH

0.638 0.2511 15.9

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#FF0F55

#0FFFB9

Analogous

#FF0FCD

#FF410F

#FF0F55

Triadic

#FF0F55

#55FF0F

#0F55FF

Split Complementary

#FF0F55

#0FFF41

#0FCDFF

Tetradic

#FF0F55

#CDFF0F

#0FFFB9

#410FFF

Color Blindness Simulation

Original

#FF0F55

Protanopia

#979544

Deuteranopia

#A5B740

Tritanopia

#F33734

Achromatopsia

#474747

CSS Usage

background-color: #FF0F55;
color: #FF0F55;
border-color: #FF0F55;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CC
300
#FF85A8
400
#FF4279
500
#FF004A
600
#CC003C
700
#A30030
800
#800025
900
#5C051E
950
#3A0313

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45: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