#F849F6

#F849F6

Color Values

HEX

#F849F6

RGB

248, 73, 246

HSL

300.7, 92.6%, 62.9%

HSV

300.7, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 0.8%, 2.7%

OKLCH

0.7157 0.2748 328.5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F849F6

#49F84B

Analogous

#A249F8

#F8499E

#F849F6

Triadic

#F849F6

#F6F849

#49F6F8

Split Complementary

#F849F6

#9EF849

#49F8A2

Tetradic

#F849F6

#F8A249

#49F84B

#499EF8

Color Blindness Simulation

Original

#F849F6

Protanopia

#ACABCC

Deuteranopia

#B6C4C2

Tritanopia

#EFABA4

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FA89F9
400
#F849F6
500
#F609F3
600
#C408C2
700
#9D069B
800
#7B0579
900
#590858
950
#380538

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026