#F34FD4

#F34FD4

Color Values

HEX

#F34FD4

RGB

243, 79, 212

HSL

311.3, 87.2%, 63.1%

HSV

311.3, 67.5%, 95.3%

CMYK

0.0%, 67.5%, 12.8%, 4.7%

OKLCH

0.6968 0.2417 336.4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F34FD4

#4FF36E

Analogous

#C04FF3

#F34F82

#F34FD4

Triadic

#F34FD4

#D4F34F

#4FD4F3

Split Complementary

#F34FD4

#82F34F

#4FF3C0

Tetradic

#F34FD4

#F3C04F

#4FF36E

#4F82F3

Color Blindness Simulation

Original

#F34FD4

Protanopia

#ACABB4

Deuteranopia

#B6C2AC

Tritanopia

#EB9A95

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F34FD4;
color: #F34FD4;
border-color: #F34FD4;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABCEF
300
#F78CE3
400
#F34ED4
500
#EF10C5
600
#BF0D9D
700
#990A7E
800
#770862
900
#560A48
950
#37072E

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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