#F198C6

#F198C6

Color Values

HEX

#F198C6

RGB

241, 152, 198

HSL

329.0, 76.1%, 77.1%

HSV

329.0, 36.9%, 94.5%

CMYK

0.0%, 36.9%, 17.8%, 5.5%

OKLCH

0.7832 0.1201 347.9

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F198C6

#98F1C3

Analogous

#F098F1

#F1989A

#F198C6

Triadic

#F198C6

#C6F198

#98C6F1

Split Complementary

#F198C6

#9AF198

#98F1F0

Tetradic

#F198C6

#F1F098

#98F1C3

#989AF1

Color Blindness Simulation

Original

#F198C6

Protanopia

#CACABB

Deuteranopia

#D0D6B8

Tritanopia

#EDB2B0

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F6C0DC
300
#F093C3
400
#E859A3
500
#E11E83
600
#B41869
700
#901454
800
#700F41
900
#520F32
950
#340A1F

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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