#F969BB

#F969BB

Color Values

HEX

#F969BB

RGB

249, 105, 187

HSL

325.8, 92.3%, 69.4%

HSV

325.8, 57.8%, 97.6%

CMYK

0.0%, 57.8%, 24.9%, 2.4%

OKLCH

0.7225 0.1956 347.8

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F969BB

#69F9A7

Analogous

#EF69F9

#F96973

#F969BB

Triadic

#F969BB

#BBF969

#69BBF9

Split Complementary

#F969BB

#73F969

#69F9EF

Tetradic

#F969BB

#F9EF69

#69F9A7

#6973F9

Color Blindness Simulation

Original

#F969BB

Protanopia

#BBB9A7

Deuteranopia

#C3CEA2

Tritanopia

#F29794

Achromatopsia

#8E8E8E

CSS Usage

background-color: #F969BB;
color: #F969BB;
border-color: #F969BB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBAE0
300
#FA89CA
400
#F84AAD
500
#F50A90
600
#C40873
700
#9D065C
800
#7B0548
900
#590836
950
#380522

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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