#F949EB

#F949EB

Color Values

HEX

#F949EB

RGB

249, 73, 235

HSL

304.8, 93.6%, 63.1%

HSV

304.8, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 5.6%, 2.4%

OKLCH

0.7114 0.2675 331.5

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F949EB

#49F957

Analogous

#AF49F9

#F94993

#F949EB

Triadic

#F949EB

#EBF949

#49EBF9

Split Complementary

#F949EB

#93F949

#49F9AF

Tetradic

#F949EB

#F9AF49

#49F957

#4993F9

Color Blindness Simulation

Original

#F949EB

Protanopia

#ADABC4

Deuteranopia

#B7C4BA

Tritanopia

#F0A59E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF7
300
#FB89F2
400
#F948EB
500
#F708E4
600
#C507B6
700
#9E0592
800
#7B0472
900
#590853
950
#380534

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026