#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