#F16DA8

#F16DA8

Color Values

HEX

#F16DA8

RGB

241, 109, 168

HSL

333.2, 82.5%, 68.6%

HSV

333.2, 54.8%, 94.5%

CMYK

0.0%, 54.8%, 30.3%, 5.5%

OKLCH

0.7099 0.1731 354.4

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F16DA8

#6DF1B6

Analogous

#F16DEA

#F1746D

#F16DA8

Triadic

#F16DA8

#A8F16D

#6DA8F1

Split Complementary

#F16DA8

#6DF174

#6DEAF1

Tetradic

#F16DA8

#EAF16D

#6DF1B6

#746DF1

Color Blindness Simulation

Original

#F16DA8

Protanopia

#B8B79A

Deuteranopia

#C0C996

Tritanopia

#EA8E8C

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F9BED8
300
#F48FBC
400
#EE5398
500
#E91674
600
#BA125D
700
#950E4A
800
#740B3A
900
#540C2D
950
#35081C

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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