#F98BAB

#F98BAB

Color Values

HEX

#F98BAB

RGB

249, 139, 171

HSL

342.5, 90.2%, 76.1%

HSV

342.5, 44.2%, 97.6%

CMYK

0.0%, 44.2%, 31.3%, 2.4%

OKLCH

0.7638 0.1371 2.2

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F98BAB

#8BF9D9

Analogous

#F98BE2

#F9A28B

#F98BAB

Triadic

#F98BAB

#ABF98B

#8BABF9

Split Complementary

#F98BAB

#8BF9A2

#8BE2F9

Tetradic

#F98BAB

#E2F98B

#8BF9D9

#A28BF9

Color Blindness Simulation

Original

#F98BAB

Protanopia

#C9C8A3

Deuteranopia

#D0D8A1

Tritanopia

#F39D9C

Achromatopsia

#A5A5A5

CSS Usage

background-color: #F98BAB;
color: #F98BAB;
border-color: #F98BAB;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF1F5
100
#FBDFE7
200
#FCBBCE
300
#F98BAB
400
#F64C7D
500
#F30C50
600
#C20A40
700
#9B0833
800
#790628
900
#580920
950
#370614

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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