#CB82C2

#CB82C2

Color Values

HEX

#CB82C2

RGB

203, 130, 194

HSL

307,4, 41,2%, 65,3%

HSV

307,4, 36,0%, 79,6%

CMYK

0,0%, 36,0%, 4,4%, 20,4%

OKLCH

0,7031 0,1223 331,3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#CB82C2

#82CB8B

Analogous

#B082CB

#CB829E

#CB82C2

Triadic

#CB82C2

#C2CB82

#82C2CB

Split Complementary

#CB82C2

#9ECB82

#82CBB0

Tetradic

#CB82C2

#CBB082

#82CB8B

#829ECB

Color Blindness Simulation

Original

#CB82C2

Protanopia

#ABABB3

Deuteranopia

#B0B5AF

Tritanopia

#C7A6A4

Achromatopsia

#969696

CSS Usage

background-color: #CB82C2;
color: #CB82C2;
border-color: #CB82C2;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE6
300
#DBA9D5
400
#C87ABE
500
#B44BA7
600
#903C86
700
#73306B
800
#5A2554
900
#421E3E
950
#2A1327

Contrast Checker

Text on white

2,8:1

AA Fail AAA Fail

Text on black

7,51:1

AA Pass AAA Pass

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