#F498BF

#F498BF

Color Values

HEX

#F498BF

RGB

244, 152, 191

HSL

334.6, 80.7%, 77.6%

HSV

334.6, 37.7%, 95.7%

CMYK

0.0%, 37.7%, 21.7%, 4.3%

OKLCH

0.7843 0.1193 353.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F498BF

#98F4CD

Analogous

#F498ED

#F49F98

#F498BF

Triadic

#F498BF

#BFF498

#98BFF4

Split Complementary

#F498BF

#98F49F

#98EDF4

Tetradic

#F498BF

#EDF498

#98F4CD

#9F98F4

Color Blindness Simulation

Original

#F498BF

Protanopia

#CCCBB6

Deuteranopia

#D2D8B3

Tritanopia

#EFAEAC

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EB
200
#F8BED7
300
#F390BA
400
#ED5595
500
#E61970
600
#B81459
700
#931048
800
#730C38
900
#540D2B
950
#35081B

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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