#F234F5

#F234F5

Color Values

HEX

#F234F5

RGB

242, 52, 245

HSL

299.1, 90.6%, 58.2%

HSV

299.1, 78.8%, 96.1%

CMYK

1.2%, 78.8%, 0.0%, 3.9%

OKLCH

0.6923 0.2902 327.5

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F234F5

#37F534

Analogous

#9234F5

#F53497

#F234F5

Triadic

#F234F5

#F5F234

#34F5F2

Split Complementary

#F234F5

#97F534

#34F592

Tetradic

#F234F5

#F59234

#37F534

#3497F5

Color Blindness Simulation

Original

#F234F5

Protanopia

#A09EC6

Deuteranopia

#ABB9BB

Tritanopia

#E8A199

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FBBBFC
300
#F88AF9
400
#F44BF6
500
#F00CF3
600
#C00AC2
700
#99089C
800
#78067A
900
#570958
950
#370638

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026