#F98CD8

#F98CD8

Color Values

HEX

#F98CD8

RGB

249, 140, 216

HSL

318,2, 90,1%, 76,3%

HSV

318,2, 43,8%, 97,6%

CMYK

0,0%, 43,8%, 13,3%, 2,4%

OKLCH

0,7802 0,1595 339,6

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#F98CD8

#8CF9AD

Analogous

#E48CF9

#F98CA2

#F98CD8

Triadic

#F98CD8

#D8F98C

#8CD8F9

Split Complementary

#F98CD8

#A2F98C

#8CF9E4

Tetradic

#F98CD8

#F9E48C

#8CF9AD

#8CA2F9

Color Blindness Simulation

Original

#F98CD8

Protanopia

#CAC9C6

Deuteranopia

#D0D8C1

Tritanopia

#F4B7B4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FBBBE8
300
#F98BD7
400
#F64CC2
500
#F20DAD
600
#C20A8A
700
#9B086F
800
#790656
900
#580940
950
#370628

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

9,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