#F293F3

#F293F3

Color Values

HEX

#F293F3

RGB

242, 147, 243

HSL

299,4, 80,0%, 76,5%

HSV

299,4, 39,5%, 95,3%

CMYK

0,4%, 39,5%, 0,0%, 4,7%

OKLCH

0,7934 0,1653 326,6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F293F3

#94F393

Analogous

#C293F3

#F393C4

#F293F3

Triadic

#F293F3

#F3F293

#93F3F2

Split Complementary

#F293F3

#C4F393

#93F3C2

Tetradic

#F293F3

#F3C293

#94F393

#93C4F3

Color Blindness Simulation

Original

#F293F3

Protanopia

#C9C8DC

Deuteranopia

#CED5D6

Tritanopia

#EDC9C5

Achromatopsia

#AEAEAE

CSS Usage

background-color: #F293F3;
color: #F293F3;
border-color: #F293F3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F7BFF8
300
#F291F3
400
#EB55EC
500
#E319E6
600
#B614B8
700
#921093
800
#720D73
900
#530E53
950
#340935

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,24: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