#F346A3

#F346A3

Color Values

HEX

#F346A3

RGB

243, 70, 163

HSL

327.7, 87.8%, 61.4%

HSV

327.7, 71.2%, 95.3%

CMYK

0.0%, 71.2%, 32.9%, 4.7%

OKLCH

0.6685 0.2238 352.0

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F346A3

#46F396

Analogous

#EC46F3

#F3464D

#F346A3

Triadic

#F346A3

#A3F346

#46A3F3

Split Complementary

#F346A3

#4DF346

#46F3EC

Tetradic

#F346A3

#F3EC46

#46F396

#464DF3

Color Blindness Simulation

Original

#F346A3

Protanopia

#A8A78D

Deuteranopia

#B2BF87

Tritanopia

#EA7B77

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FBBCDE
300
#F88CC6
400
#F34EA7
500
#EF1088
600
#C00C6D
700
#990A57
800
#780844
900
#570A33
950
#370620

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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