#F05D99

#F05D99

Color Values

HEX

#F05D99

RGB

240, 93, 153

HSL

335.5, 83.1%, 65.3%

HSV

335.5, 61.2%, 94.1%

CMYK

0.0%, 61.2%, 36.2%, 5.9%

OKLCH

0.684 0.1888 358.0

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#F05D99

#5DF0B4

Analogous

#F05DE3

#F06A5D

#F05D99

Triadic

#F05D99

#99F05D

#5D99F0

Split Complementary

#F05D99

#5DF06A

#5DE3F0

Tetradic

#F05D99

#E3F05D

#5DF0B4

#6A5DF0

Color Blindness Simulation

Original

#F05D99

Protanopia

#B0AF8A

Deuteranopia

#B9C487

Tritanopia

#E97F7C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F58FB8
400
#EF5292
500
#E9166C
600
#BB1156
700
#950E45
800
#750B36
900
#550C2A
950
#35081A

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

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