#D145DC

#D145DC

Color Values

HEX

#D145DC

RGB

209, 69, 220

HSL

295.6, 68.3%, 56.7%

HSV

295.6, 68.6%, 86.3%

CMYK

5.0%, 68.6%, 0.0%, 13.7%

OKLCH

0.644 0.2415 324.8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D145DC

#50DC45

Analogous

#8645DC

#DC459C

#D145DC

Triadic

#D145DC

#DCD145

#45DCD1

Split Complementary

#D145DC

#9CDC45

#45DC86

Tetradic

#D145DC

#DC8645

#50DC45

#459CDC

Color Blindness Simulation

Original

#D145DC

Protanopia

#9493B8

Deuteranopia

#9CA7AF

Tritanopia

#CA9B94

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F8
200
#F0C3F4
300
#E598EC
400
#D860E1
500
#CA28D7
600
#A120AC
700
#811A89
800
#65146B
900
#4A134E
950
#2F0C31

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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