#F849D2

#F849D2

Color Values

HEX

#F849D2

RGB

248, 73, 210

HSL

313.0, 92.6%, 62.9%

HSV

313.0, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 15.3%, 2.7%

OKLCH

0.6978 0.2501 338.1

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F849D2

#49F86F

Analogous

#C649F8

#F8497A

#F849D2

Triadic

#F849D2

#D2F849

#49D2F8

Split Complementary

#F849D2

#7AF849

#49F8C6

Tetradic

#F849D2

#F8C649

#49F86F

#497AF8

Color Blindness Simulation

Original

#F849D2

Protanopia

#ACABB1

Deuteranopia

#B6C4A9

Tritanopia

#EF9791

Achromatopsia

#787878

CSS Usage

background-color: #F849D2;
color: #F849D2;
border-color: #F849D2;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBAEE
300
#FA89E2
400
#F849D2
500
#F609C2
600
#C4089C
700
#9D067C
800
#7B0561
900
#590847
950
#38052D

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.87: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