#F118F0

#F118F0

Color Values

HEX

#F118F0

RGB

241, 24, 240

HSL

300.3, 88.6%, 52.0%

HSV

300.3, 90.0%, 94.5%

CMYK

0.0%, 90.0%, 0.4%, 5.5%

OKLCH

0.6761 0.3023 328.5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F118F0

#18F119

Analogous

#8618F1

#F11884

#F118F0

Triadic

#F118F0

#F0F118

#18F0F1

Split Complementary

#F118F0

#84F118

#18F186

Tetradic

#F118F0

#F18618

#18F119

#1884F1

Color Blindness Simulation

Original

#F118F0

Protanopia

#9391BC

Deuteranopia

#A0B0AF

Tritanopia

#E69289

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFB
300
#F88CF7
400
#F44DF3
500
#F00FEF
600
#C00CBF
700
#9A0999
800
#780778
900
#570A57
950
#370637

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026