#F06099

#F06099

Color Values

HEX

#F06099

RGB

240, 96, 153

HSL

336.2, 82.8%, 65.9%

HSV

336.2, 60.0%, 94.1%

CMYK

0.0%, 60.0%, 36.2%, 5.9%

OKLCH

0.6875 0.1847 358.5

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#F06099

#60F0B7

Analogous

#F060E1

#F06F60

#F06099

Triadic

#F06099

#99F060

#6099F0

Split Complementary

#F06099

#60F06F

#60E1F0

Tetradic

#F06099

#E1F060

#60F0B7

#6F60F0

Color Blindness Simulation

Original

#F06099

Protanopia

#B2B08B

Deuteranopia

#BAC588

Tritanopia

#E9807E

Achromatopsia

#838383

CSS Usage

background-color: #F06099;
color: #F06099;
border-color: #F06099;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED5
300
#F48FB7
400
#EF5391
500
#E9166A
600
#BA1255
700
#950E44
800
#750B35
900
#550C29
950
#35081A

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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