#F948CD

#F948CD

Color Values

HEX

#F948CD

RGB

249, 72, 205

HSL

314.9, 93.7%, 62.9%

HSV

314.9, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 17.7%, 2.4%

OKLCH

0.6962 0.2486 339.7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F948CD

#48F974

Analogous

#CC48F9

#F94874

#F948CD

Triadic

#F948CD

#CDF948

#48CDF9

Split Complementary

#F948CD

#74F948

#48F9CC

Tetradic

#F948CD

#F9CC48

#48F974

#4874F9

Color Blindness Simulation

Original

#F948CD

Protanopia

#ACABAD

Deuteranopia

#B7C4A5

Tritanopia

#F0938E

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEC
300
#FB88DF
400
#F948CD
500
#F708BC
600
#C60696
700
#9E0578
800
#7B045E
900
#590845
950
#38052C

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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