#F949CB

#F949CB

Color Values

HEX

#F949CB

RGB

249, 73, 203

HSL

315.7, 93.6%, 63.1%

HSV

315.7, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 18.5%, 2.4%

OKLCH

0.6962 0.2463 340.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F949CB

#49F977

Analogous

#CF49F9

#F94973

#F949CB

Triadic

#F949CB

#CBF949

#49CBF9

Split Complementary

#F949CB

#73F949

#49F9CF

Tetradic

#F949CB

#F9CF49

#49F977

#4973F9

Color Blindness Simulation

Original

#F949CB

Protanopia

#ADABAC

Deuteranopia

#B7C4A4

Tritanopia

#F0938D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEB
300
#FB89DD
400
#F948CB
500
#F708B8
600
#C50794
700
#9E0576
800
#7B045C
900
#590844
950
#38052B

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