#F23391

#F23391

Color Values

HEX

#F23391

RGB

242, 51, 145

HSL

330,5, 88,0%, 57,5%

HSV

330,5, 78,9%, 94,9%

CMYK

0,0%, 78,9%, 40,1%, 5,1%

OKLCH

0,6462 0,2341 356,6

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F23391

#33F294

Analogous

#F233F0

#F23533

#F23391

Triadic

#F23391

#91F233

#3391F2

Split Complementary

#F23391

#33F235

#33F0F2

Tetradic

#F23391

#F0F233

#33F294

#3533F2

Color Blindness Simulation

Original

#F23391

Protanopia

#9F9E7A

Deuteranopia

#AAB975

Tritanopia

#E86864

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBCDB
300
#F88CC1
400
#F44E9F
500
#F00F7E
600
#C00C65
700
#990A50
800
#78083F
900
#570A30
950
#37061E

Contrast Checker

Text on white

3,71:1

AA Fail AAA Fail

Text on black

5,66: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