#DA83BA

#DA83BA

Color Values

HEX

#DA83BA

RGB

218, 131, 186

HSL

322,1, 54,0%, 68,4%

HSV

322,1, 39,9%, 85,5%

CMYK

0,0%, 39,9%, 14,7%, 14,5%

OKLCH

0,7189 0,1264 342,3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#DA83BA

#83DAA3

Analogous

#CE83DA

#DA838E

#DA83BA

Triadic

#DA83BA

#BADA83

#83BADA

Split Complementary

#DA83BA

#8EDA83

#83DACE

Tetradic

#DA83BA

#DACE83

#83DAA3

#838EDA

Color Blindness Simulation

Original

#DA83BA

Protanopia

#B4B4AD

Deuteranopia

#B9C0AA

Tritanopia

#D6A2A0

Achromatopsia

#999999

CSS Usage

background-color: #DA83BA;
color: #DA83BA;
border-color: #DA83BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EFC8E0
300
#E3A1CB
400
#D46EAE
500
#C43B92
600
#9D2F75
700
#7E265D
800
#621D49
900
#481937
950
#2D1023

Contrast Checker

Text on white

2,65:1

AA Fail AAA Fail

Text on black

7,94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026