#D442FF

#D442FF

Color Values

HEX

#D442FF

RGB

212, 66, 255

HSL

286.3, 100.0%, 62.9%

HSV

286.3, 74.1%, 100.0%

CMYK

16.9%, 74.1%, 0.0%, 0.0%

OKLCH

0.6666 0.2742 317.2

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D442FF

#6DFF42

Analogous

#7542FF

#FF42CC

#D442FF

Triadic

#D442FF

#FFD442

#42FFD4

Split Complementary

#D442FF

#CCFF42

#42FF75

Tetradic

#D442FF

#FF7542

#6DFF42

#42CCFF

Color Blindness Simulation

Original

#D442FF

Protanopia

#9594D1

Deuteranopia

#9DA8C6

Tritanopia

#CDADA5

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF1FE
100
#F5DEFC
200
#EFB8FF
300
#E385FF
400
#D442FF
500
#C500FF
600
#9D00CC
700
#7E00A3
800
#620080
900
#48055C
950
#2E033A

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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