#F55AF5

#F55AF5

Color Values

HEX

#F55AF5

RGB

245, 90, 245

HSL

300.0, 88.6%, 65.7%

HSV

300.0, 63.3%, 96.1%

CMYK

0.0%, 63.3%, 0.0%, 3.9%

OKLCH

0.7261 0.2534 327.8

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#F55AF5

#5AF55A

Analogous

#A85AF5

#F55AA8

#F55AF5

Triadic

#F55AF5

#F5F55A

#5AF5F5

Split Complementary

#F55AF5

#A8F55A

#5AF5A8

Tetradic

#F55AF5

#F5A85A

#5AF55A

#5AA8F5

Color Blindness Simulation

Original

#F55AF5

Protanopia

#B2B1D0

Deuteranopia

#BBC6C6

Tritanopia

#EDB2AB

Achromatopsia

#868686

CSS Usage

background-color: #F55AF5;
color: #F55AF5;
border-color: #F55AF5;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBCFB
300
#F88CF8
400
#F44DF4
500
#F00FF0
600
#C00CC0
700
#9A099A
800
#780778
900
#570A57
950
#370637

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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