#D82BCE

#D82BCE

Color Values

HEX

#D82BCE

RGB

216, 43, 206

HSL

303.5, 68.9%, 50.8%

HSV

303.5, 80.1%, 84.7%

CMYK

0.0%, 80.1%, 4.6%, 15.3%

OKLCH

0.627 0.2594 330.9

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D82BCE

#2BD835

Analogous

#8C2BD8

#D82B77

#D82BCE

Triadic

#D82BCE

#CED82B

#2BCED8

Split Complementary

#D82BCE

#77D82B

#2BD88C

Tetradic

#D82BCE

#D88C2B

#2BD835

#2B77D8

Color Blindness Simulation

Original

#D82BCE

Protanopia

#8D8CA7

Deuteranopia

#97A49D

Tritanopia

#CF8781

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3F1
300
#EC98E7
400
#E260DA
500
#D728CD
600
#AC20A4
700
#8A1983
800
#6C1467
900
#4E124B
950
#320C2F

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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