#CC0BCA

#CC0BCA

Color Values

HEX

#CC0BCA

RGB

204, 11, 202

HSL

300.6, 89.8%, 42.2%

HSV

300.6, 94.6%, 80.0%

CMYK

0.0%, 94.6%, 1.0%, 20.0%

OKLCH

0.594 0.2684 328.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0BCA

#0BCC0D

Analogous

#6E0BCC

#CC0B6A

#CC0BCA

Triadic

#CC0BCA

#CACC0B

#0BCACC

Split Complementary

#CC0BCA

#6ACC0B

#0BCC6E

Tetradic

#CC0BCA

#CC6E0B

#0BCC0D

#0B6ACC

Color Blindness Simulation

Original

#CC0BCA

Protanopia

#78779C

Deuteranopia

#849291

Tritanopia

#C2776F

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF8
400
#F54CF4
500
#F20DF0
600
#C20AC0
700
#9B0899
800
#790778
900
#580957
950
#370637

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail 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