#CB6BD0

#CB6BD0

Color Values

HEX

#CB6BD0

RGB

203, 107, 208

HSL

297.0, 51.8%, 61.8%

HSV

297.0, 48.6%, 81.6%

CMYK

2.4%, 48.6%, 0.0%, 18.4%

OKLCH

0.6741 0.1747 325.4

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CB6BD0

#70D06B

Analogous

#996BD0

#D06BA3

#CB6BD0

Triadic

#CB6BD0

#D0CB6B

#6BD0CB

Split Complementary

#CB6BD0

#A3D06B

#6BD099

Tetradic

#CB6BD0

#D0996B

#70D06B

#6BA3D0

Color Blindness Simulation

Original

#CB6BD0

Protanopia

#A1A1B8

Deuteranopia

#A7AEB2

Tritanopia

#C6A4A0

Achromatopsia

#878787

CSS Usage

background-color: #CB6BD0;
color: #CB6BD0;
border-color: #CB6BD0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC9EE
300
#DEA2E2
400
#CD70D2
500
#BB3DC2
600
#96319B
700
#78277C
800
#5D1F61
900
#451A47
950
#2B102D

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026