#F948AF

#F948AF

Color Values

HEX

#F948AF

RGB

249, 72, 175

HSL

325.1, 93.7%, 62.9%

HSV

325.1, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 29.7%, 2.4%

OKLCH

0.6839 0.2317 349.3

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F948AF

#48F992

Analogous

#EB48F9

#F94856

#F948AF

Triadic

#F948AF

#AFF948

#48AFF9

Split Complementary

#F948AF

#56F948

#48F9EB

Tetradic

#F948AF

#F9EB48

#48F992

#4856F9

Color Blindness Simulation

Original

#F948AF

Protanopia

#ACAB96

Deuteranopia

#B7C490

Tritanopia

#F0827E

Achromatopsia

#757575

CSS Usage

background-color: #F948AF;
color: #F948AF;
border-color: #F948AF;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBAE1
300
#FB88CB
400
#F948AF
500
#F70893
600
#C60676
700
#9E055E
800
#7B044A
900
#590837
950
#380523

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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