#F395F4

#F395F4

Color Values

HEX

#F395F4

RGB

243, 149, 244

HSL

299.4, 81.2%, 77.1%

HSV

299.4, 38.9%, 95.7%

CMYK

0.4%, 38.9%, 0.0%, 4.3%

OKLCH

0.7979 0.1635 326.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F395F4

#96F495

Analogous

#C495F4

#F495C6

#F395F4

Triadic

#F395F4

#F4F395

#95F4F3

Split Complementary

#F395F4

#C6F495

#95F4C4

Tetradic

#F395F4

#F4C495

#96F495

#95C6F4

Color Blindness Simulation

Original

#F395F4

Protanopia

#CAC9DD

Deuteranopia

#D0D7D7

Tritanopia

#EECBC7

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BEF8
300
#F390F3
400
#EC54ED
500
#E518E7
600
#B713B9
700
#930F94
800
#720C74
900
#530D54
950
#350835

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.42:1

AA Pass AAA Pass

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