#F6318F

#F6318F

Color Values

HEX

#F6318F

RGB

246, 49, 143

HSL

331.4, 91.6%, 57.8%

HSV

331.4, 80.1%, 96.5%

CMYK

0.0%, 80.1%, 41.9%, 3.5%

OKLCH

0.6509 0.2378 357.9

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#F6318F

#31F698

Analogous

#F631F1

#F63531

#F6318F

Triadic

#F6318F

#8FF631

#318FF6

Split Complementary

#F6318F

#31F635

#31F1F6

Tetradic

#F6318F

#F1F631

#31F698

#3531F6

Color Blindness Simulation

Original

#F6318F

Protanopia

#A19F78

Deuteranopia

#ACBB73

Tritanopia

#EC6662

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBBDA
300
#FA8ABF
400
#F74A9D
500
#F40B7A
600
#C30962
700
#9C074E
800
#7A053D
900
#58092F
950
#38051D

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

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