#F098C8

#F098C8

Color Values

HEX

#F098C8

RGB

240, 152, 200

HSL

327.3, 74.6%, 76.9%

HSV

327.3, 36.7%, 94.1%

CMYK

0.0%, 36.7%, 16.7%, 5.9%

OKLCH

0.7827 0.1204 346.4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F098C8

#98F0C0

Analogous

#EC98F0

#F0989C

#F098C8

Triadic

#F098C8

#C8F098

#98C8F0

Split Complementary

#F098C8

#9CF098

#98F0EC

Tetradic

#F098C8

#F0EC98

#98F0C0

#989CF0

Color Blindness Simulation

Original

#F098C8

Protanopia

#CAC9BC

Deuteranopia

#CFD6BA

Tritanopia

#ECB3B1

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F8E2EE
200
#F6C1DE
300
#EF94C6
400
#E75AA7
500
#DF2088
600
#B21A6D
700
#8E1557
800
#6F1044
900
#511033
950
#330A20

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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