#D742FF

#D742FF

Color Values

HEX

#D742FF

RGB

215, 66, 255

HSL

287.3, 100.0%, 62.9%

HSV

287.3, 74.1%, 100.0%

CMYK

15.7%, 74.1%, 0.0%, 0.0%

OKLCH

0.6706 0.2752 318.0

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D742FF

#6AFF42

Analogous

#7842FF

#FF42C8

#D742FF

Triadic

#D742FF

#FFD742

#42FFD7

Split Complementary

#D742FF

#C8FF42

#42FF78

Tetradic

#D742FF

#FF7842

#6AFF42

#42C8FF

Color Blindness Simulation

Original

#D742FF

Protanopia

#9695D1

Deuteranopia

#9FAAC6

Tritanopia

#D0ADA5

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF1FE
100
#F6DEFC
200
#F0B8FF
300
#E585FF
400
#D742FF
500
#C900FF
600
#A100CC
700
#8100A3
800
#650080
900
#4A055C
950
#2E033A

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026