#D139D0

#D139D0

Color Values

HEX

#D139D0

RGB

209, 57, 208

HSL

300.4, 62.3%, 52.2%

HSV

300.4, 72.7%, 82.0%

CMYK

0.0%, 72.7%, 0.5%, 18.0%

OKLCH

0.6271 0.2452 328.3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D139D0

#39D13A

Analogous

#8639D1

#D13984

#D139D0

Triadic

#D139D0

#D0D139

#39D0D1

Split Complementary

#D139D0

#84D139

#39D186

Tetradic

#D139D0

#D18639

#39D13A

#3984D1

Color Blindness Simulation

Original

#D139D0

Protanopia

#8F8EAC

Deuteranopia

#98A3A3

Tritanopia

#C98F88

Achromatopsia

#646464

CSS Usage

background-color: #D139D0;
color: #D139D0;
border-color: #D139D0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F1
300
#E89CE7
400
#DB66DB
500
#CF30CE
600
#A626A5
700
#841F84
800
#671867
900
#4C154B
950
#300D30

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026