#F948CF

#F948CF

Color Values

HEX

#F948CF

RGB

249, 72, 207

HSL

314.2, 93.7%, 62.9%

HSV

314.2, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 16.9%, 2.4%

OKLCH

0.6971 0.2498 339.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F948CF

#48F972

Analogous

#CA48F9

#F94876

#F948CF

Triadic

#F948CF

#CFF948

#48CFF9

Split Complementary

#F948CF

#76F948

#48F9CA

Tetradic

#F948CF

#F9CA48

#48F972

#4876F9

Color Blindness Simulation

Original

#F948CF

Protanopia

#ACABAE

Deuteranopia

#B7C4A6

Tritanopia

#F0958F

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FDBAED
300
#FB88E0
400
#F948CF
500
#F708BE
600
#C60698
700
#9E057A
800
#7B045F
900
#590846
950
#38052C

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

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