#CC0BCB

#CC0BCB

Color Values

HEX

#CC0BCB

RGB

204, 11, 203

HSL

300,3, 89,8%, 42,2%

HSV

300,3, 94,6%, 80,0%

CMYK

0,0%, 94,6%, 0,5%, 20,0%

OKLCH

0,5946 0,2691 328,6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0BCB

#0BCC0C

Analogous

#6D0BCC

#CC0B6B

#CC0BCB

Triadic

#CC0BCB

#CBCC0B

#0BCBCC

Split Complementary

#CC0BCB

#6BCC0B

#0BCC6D

Tetradic

#CC0BCB

#CC6D0B

#0BCC0C

#0B6BCC

Color Blindness Simulation

Original

#CC0BCB

Protanopia

#78779D

Deuteranopia

#849291

Tritanopia

#C27870

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF8
400
#F54CF5
500
#F20DF1
600
#C20AC1
700
#9B089A
800
#790778
900
#580957
950
#370637

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48: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