#F996D3

#F996D3

Color Values

HEX

#F996D3

RGB

249, 150, 211

HSL

323.0, 89.2%, 78.2%

HSV

323.0, 39.8%, 97.6%

CMYK

0.0%, 39.8%, 15.3%, 2.4%

OKLCH

0.7935 0.1392 343.1

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#F996D3

#96F9BC

Analogous

#ED96F9

#F996A1

#F996D3

Triadic

#F996D3

#D3F996

#96D3F9

Split Complementary

#F996D3

#A1F996

#96F9ED

Tetradic

#F996D3

#F9ED96

#96F9BC

#96A1F9

Color Blindness Simulation

Original

#F996D3

Protanopia

#CECDC4

Deuteranopia

#D4DBC1

Tritanopia

#F4B9B6

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F0
200
#FBBBE3
300
#F88BCF
400
#F54CB4
500
#F10E9A
600
#C10B7B
700
#9A0963
800
#79074D
900
#570A3A
950
#370624

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026