#FF28DF

#FF28DF

Color Values

HEX

#FF28DF

RGB

255, 40, 223

HSL

308.9, 100.0%, 57.8%

HSV

308.9, 84.3%, 100.0%

CMYK

0.0%, 84.3%, 12.5%, 0.0%

OKLCH

0.6938 0.2896 335.7

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF28DF

#28FF48

Analogous

#B328FF

#FF2873

#FF28DF

Triadic

#FF28DF

#DFFF28

#28DFFF

Split Complementary

#FF28DF

#73FF28

#28FFB3

Tetradic

#FF28DF

#FFB328

#28FF48

#2873FF

Color Blindness Simulation

Original

#FF28DF

Protanopia

#A2A0B3

Deuteranopia

#AEBEA8

Tritanopia

#F49088

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FFB8F4
300
#FF85ED
400
#FF42E3
500
#FF00D9
600
#CC00AE
700
#A3008B
800
#80006D
900
#5C054F
950
#3A0332

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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