#F34499

#F34499

Color Values

HEX

#F34499

RGB

243, 68, 153

HSL

330.9, 87.9%, 61.0%

HSV

330.9, 72.0%, 95.3%

CMYK

0.0%, 72.0%, 37.0%, 4.7%

OKLCH

0.6633 0.2217 355.4

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F34499

#44F39E

Analogous

#F344F0

#F34744

#F34499

Triadic

#F34499

#99F344

#4499F3

Split Complementary

#F34499

#44F347

#44F0F3

Tetradic

#F34499

#F0F344

#44F39E

#4744F3

Color Blindness Simulation

Original

#F34499

Protanopia

#A7A684

Deuteranopia

#B1BE80

Tritanopia

#EA7471

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FBBCDA
300
#F88CC0
400
#F44E9E
500
#F00F7C
600
#C00C63
700
#990A4F
800
#78083E
900
#570A2F
950
#37061E

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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