#FF2ADA

#FF2ADA

Color Values

HEX

#FF2ADA

RGB

255, 42, 218

HSL

310.4, 100.0%, 58.2%

HSV

310.4, 83.5%, 100.0%

CMYK

0.0%, 83.5%, 14.5%, 0.0%

OKLCH

0.6922 0.2853 337.0

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF2ADA

#2AFF4F

Analogous

#B92AFF

#FF2A6F

#FF2ADA

Triadic

#FF2ADA

#DAFF2A

#2ADAFF

Split Complementary

#FF2ADA

#6FFF2A

#2AFFB9

Tetradic

#FF2ADA

#FFB92A

#2AFF4F

#2A6FFF

Color Blindness Simulation

Original

#FF2ADA

Protanopia

#A3A1AF

Deuteranopia

#AFBFA5

Tritanopia

#F48E86

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF7
200
#FFB8F3
300
#FF85EA
400
#FF42DE
500
#FF00D3
600
#CC00A9
700
#A30087
800
#800069
900
#5C054D
950
#3A0331

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026