#FF34C3

#FF34C3

Color Values

HEX

#FF34C3

RGB

255, 52, 195

HSL

317.7, 100.0%, 60.2%

HSV

317.7, 79.6%, 100.0%

CMYK

0.0%, 79.6%, 23.5%, 0.0%

OKLCH

0.6868 0.265 343.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#FF34C3

#34FF70

Analogous

#D534FF

#FF345E

#FF34C3

Triadic

#FF34C3

#C3FF34

#34C3FF

Split Complementary

#FF34C3

#5EFF34

#34FFD5

Tetradic

#FF34C3

#FFD534

#34FF70

#345EFF

Color Blindness Simulation

Original

#FF34C3

Protanopia

#A7A5A0

Deuteranopia

#B3C298

Tritanopia

#F5857F

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FFB8EA
300
#FF85DB
400
#FF42C7
500
#FF00B4
600
#CC0090
700
#A30073
800
#80005A
900
#5C0542
950
#3A032A

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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