#FF2CD0

#FF2CD0

Color Values

HEX

#FF2CD0

RGB

255, 44, 208

HSL

313.4, 100.0%, 58.6%

HSV

313.4, 82.7%, 100.0%

CMYK

0.0%, 82.7%, 18.4%, 0.0%

OKLCH

0.6884 0.2782 339.7

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF2CD0

#2CFF5B

Analogous

#C52CFF

#FF2C66

#FF2CD0

Triadic

#FF2CD0

#D0FF2C

#2CD0FF

Split Complementary

#FF2CD0

#66FF2C

#2CFFC5

Tetradic

#FF2CD0

#FFC52C

#2CFF5B

#2C66FF

Color Blindness Simulation

Original

#FF2CD0

Protanopia

#A4A2A8

Deuteranopia

#B0C09F

Tritanopia

#F48982

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FFB8EF
300
#FF85E4
400
#FF42D5
500
#FF00C6
600
#CC009E
700
#A3007F
800
#800063
900
#5C0549
950
#3A032E

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026