#F16299

#F16299

Color Values

HEX

#F16299

RGB

241, 98, 153

HSL

336.9, 83.6%, 66.5%

HSV

336.9, 59.3%, 94.5%

CMYK

0.0%, 59.3%, 36.5%, 5.5%

OKLCH

0.6913 0.1829 359.1

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F16299

#62F1BA

Analogous

#F162E1

#F17362

#F16299

Triadic

#F16299

#99F162

#6299F1

Split Complementary

#F16299

#62F173

#62E1F1

Tetradic

#F16299

#E1F162

#62F1BA

#7362F1

Color Blindness Simulation

Original

#F16299

Protanopia

#B3B28C

Deuteranopia

#BBC688

Tritanopia

#EA817F

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#F9BDD4
300
#F58FB6
400
#F0528F
500
#EA1567
600
#BB1152
700
#960D42
800
#750A33
900
#550C28
950
#360819

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

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