#FF2CCD

#FF2CCD

Color Values

HEX

#FF2CCD

RGB

255, 44, 205

HSL

314,2, 100,0%, 58,6%

HSV

314,2, 82,7%, 100,0%

CMYK

0,0%, 82,7%, 19,6%, 0,0%

OKLCH

0,687 0,2764 340,5

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF2CCD

#2CFF5E

Analogous

#C72CFF

#FF2C63

#FF2CCD

Triadic

#FF2CCD

#CDFF2C

#2CCDFF

Split Complementary

#FF2CCD

#63FF2C

#2CFFC7

Tetradic

#FF2CCD

#FFC72C

#2CFF5E

#2C63FF

Color Blindness Simulation

Original

#FF2CCD

Protanopia

#A4A2A6

Deuteranopia

#B0C09D

Tritanopia

#F48781

Achromatopsia

#646464

CSS Usage

background-color: #FF2CCD;
color: #FF2CCD;
border-color: #FF2CCD;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FFB8EE
300
#FF85E2
400
#FF42D2
500
#FF00C3
600
#CC009C
700
#A3007D
800
#800061
900
#5C0547
950
#3A032D

Contrast Checker

Text on white

3,23:1

AA Fail AAA Fail

Text on black

6,49: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