#F994C5

#F994C5

Color Values

HEX

#F994C5

RGB

249, 148, 197

HSL

330.9, 89.4%, 77.8%

HSV

330.9, 40.6%, 97.6%

CMYK

0.0%, 40.6%, 20.9%, 2.4%

OKLCH

0.7857 0.1339 350.1

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F994C5

#94F9C8

Analogous

#F994F7

#F99594

#F994C5

Triadic

#F994C5

#C5F994

#94C5F9

Split Complementary

#F994C5

#94F995

#94F7F9

Tetradic

#F994C5

#F7F994

#94F9C8

#9594F9

Color Blindness Simulation

Original

#F994C5

Protanopia

#CDCCB9

Deuteranopia

#D3DBB6

Tritanopia

#F4B0AE

Achromatopsia

#ADADAD

CSS Usage

background-color: #F994C5;
color: #F994C5;
border-color: #F994C5;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBBDA
300
#F98BC0
400
#F54C9E
500
#F10E7C
600
#C10B63
700
#9B094F
800
#79073E
900
#57092F
950
#37061E

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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