#F98BAF

#F98BAF

Color Values

HEX

#F98BAF

RGB

249, 139, 175

HSL

340,4, 90,2%, 76,1%

HSV

340,4, 44,2%, 97,6%

CMYK

0,0%, 44,2%, 29,7%, 2,4%

OKLCH

0,765 0,1384 360,0

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F98BAF

#8BF9D5

Analogous

#F98BE6

#F99E8B

#F98BAF

Triadic

#F98BAF

#AFF98B

#8BAFF9

Split Complementary

#F98BAF

#8BF99E

#8BE6F9

Tetradic

#F98BAF

#E6F98B

#8BF9D5

#9E8BF9

Color Blindness Simulation

Original

#F98BAF

Protanopia

#C9C8A6

Deuteranopia

#D0D8A4

Tritanopia

#F39F9E

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FCBBD0
300
#F98BAF
400
#F64C83
500
#F30C58
600
#C20A46
700
#9B0838
800
#79062C
900
#580923
950
#370616

Contrast Checker

Text on white

2,25:1

AA Fail AAA Fail

Text on black

9,34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026