#F308F7

#F308F7

Color Values

HEX

#F308F7

RGB

243, 8, 247

HSL

299,0, 93,7%, 50,0%

HSV

299,0, 96,8%, 96,9%

CMYK

1,6%, 96,8%, 0,0%, 3,1%

OKLCH

0,6801 0,3119 327,5

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F308F7

#0CF708

Analogous

#7C08F7

#F70883

#F308F7

Triadic

#F308F7

#F7F308

#08F7F3

Split Complementary

#F308F7

#83F708

#08F77C

Tetradic

#F308F7

#F77C08

#0CF708

#0883F7

Color Blindness Simulation

Original

#F308F7

Protanopia

#8D8BBD

Deuteranopia

#9BACAF

Tritanopia

#E78F85

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#F988FB
400
#F648F9
500
#F308F7
600
#C206C6
700
#9C059E
800
#79047B
900
#580859
950
#380538

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,19: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