#cc45b4 hex color

In a RGB color space, hex #cc45b4 is composed of 80% red, 27.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 11.8% yellow and 20% black. It has a hue angle of 310.7 degrees, a saturation of 57% and a lightness of 53.5%. #cc45b4 color hex could be obtained by blending #ff8aff with #990069. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 80
- G 27
- B 71
RGB color chart
- C 0
- M 66
- Y 12
- K 20
CMYK color chart

● #cc45b4 color description : Moderate magenta.

The hexadecimal color #cc45b4 has RGB values of R:204, G:69, B:180 and CMYK values of C:0, M:0.66, Y:0.12, K:0.2. Its decimal value is 13387188.

Hex triplet	cc45b4	`#cc45b4`
RGB Decimal	204, 69, 180	`rgb(204,69,180)`
RGB Percent	80, 27.1, 70.6	`rgb(80%,27.1%,70.6%)`
CMYK	0, 66, 12, 20
HSL	310.7°, 57, 53.5	`hsl(310.7,57%,53.5%)`
HSV (or HSB)	310.7°, 66.2, 80
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.277, 64.997, -31.538
XYZ	35.268, 20.391, 45.256
xyY	0.349, 0.202, 20.391
CIE-LCH	52.277, 72.245, 334.116
CIE-LUV	52.277, 66.577, -56.759
Hunter-Lab	45.157, 60.386, -27.81
Binary	11001100, 01000101, 10110100

#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#45cc5d
```
#45cc5d rgb(69,204,93)
```

Complementary Color

#a145cc
```
#a145cc rgb(161,69,204)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#cc4571
```
#cc4571 rgb(204,69,113)
```

Analogous Color

#45cca1
```
#45cca1 rgb(69,204,161)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#71cc45
```
#71cc45 rgb(113,204,69)
```

Split Complementary Color

#45b4cc
```
#45b4cc rgb(69,180,204)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#b4cc45
```
#b4cc45 rgb(180,204,69)
```

Triadic Color

#5d45cc
```
#5d45cc rgb(93,69,204)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#b4cc45
```
#b4cc45 rgb(180,204,69)
```
#45cc5d
```
#45cc5d rgb(69,204,93)
```

Tetradic Color

#9a2a86
```
#9a2a86 rgb(154,42,134)
```
#ae3098
```
#ae3098 rgb(174,48,152)
```
#c235a9
```
#c235a9 rgb(194,53,169)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#d159bc
```
#d159bc rgb(209,89,188)
```
#d76dc4
```
#d76dc4 rgb(215,109,196)
```
#dc81cc
```
#dc81cc rgb(220,129,204)
```

Monochromatic Color

Below, you can see some colors close to #cc45b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c245cc
```
#c245cc rgb(194,69,204)
```
#cc45cb
```
#cc45cb rgb(204,69,203)
```
#cc45bf
```
#cc45bf rgb(204,69,191)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#cc45a9
```
#cc45a9 rgb(204,69,169)
```
#cc459e
```
#cc459e rgb(204,69,158)
```
#cc4592
```
#cc4592 rgb(204,69,146)
```

Similar Colors

Text with hexadecimal color #cc45b4

This text has a font color of #cc45b4.

<span style="color:#cc45b4;">Text here</span>

#cc45b4 background color

This paragraph has a background color of #cc45b4.

<p style="background-color:#cc45b4;">Content here</p>

#cc45b4 border color

This element has a border color of #cc45b4.

<div style="border:1px solid #cc45b4;">Content here</div>

CSS codes

.text {color:#cc45b4;}

.background {background-color:#cc45b4;}

.border {border:1px solid #cc45b4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e040c is the darkest color, while #fffefe is the lightest one.

#0e040c
```
#0e040c rgb(14,4,12)
```
#1e081a
```
#1e081a rgb(30,8,26)
```
#2d0c27
```
#2d0c27 rgb(45,12,39)
```
#3c1135
```
#3c1135 rgb(60,17,53)
```
#4c1542
```
#4c1542 rgb(76,21,66)
```
#5b194f
```
#5b194f rgb(91,25,79)
```
#6a1d5d
```
#6a1d5d rgb(106,29,93)
```
#7a216a
```
#7a216a rgb(122,33,106)
```
#892678
```
#892678 rgb(137,38,120)
```
#992a85
```
#992a85 rgb(153,42,133)
```
#a82e92
```
#a82e92 rgb(168,46,146)
```
#b732a0
```
#b732a0 rgb(183,50,160)
```
#c737ad
```
#c737ad rgb(199,55,173)
```

Shade Color Variation

#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#d054ba
```
#d054ba rgb(208,84,186)
```
#d464c0
```
#d464c0 rgb(212,100,192)
```
#d973c7
```
#d973c7 rgb(217,115,199)
```
#dd83cd
```
#dd83cd rgb(221,131,205)
```
#e192d3
```
#e192d3 rgb(225,146,211)
```
#e5a1d9
```
#e5a1d9 rgb(229,161,217)
```
#eab1df
```
#eab1df rgb(234,177,223)
```
#eec0e6
```
#eec0e6 rgb(238,192,230)
```
#f2d0ec
```
#f2d0ec rgb(242,208,236)
```
#f6dff2
```
#f6dff2 rgb(246,223,242)
```
#faeef8
```
#faeef8 rgb(250,238,248)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c858b is the less saturated color, while #fa17d1 is the most saturated one.

#8c858b
```
#8c858b rgb(140,133,139)
```
#957c91
```
#957c91 rgb(149,124,145)
```
#9e7397
```
#9e7397 rgb(158,115,151)
```
#a8699d
```
#a8699d rgb(168,105,157)
```
#b160a2
```
#b160a2 rgb(177,96,162)
```
#ba57a8
```
#ba57a8 rgb(186,87,168)
```
#c34eae
```
#c34eae rgb(195,78,174)
```
#cc45b4
```
#cc45b4 rgb(204,69,180)
```
#d53cba
```
#d53cba rgb(213,60,186)
```
#de33c0
```
#de33c0 rgb(222,51,192)
```
#e72ac6
```
#e72ac6 rgb(231,42,198)
```
#f021cb
```
#f021cb rgb(240,33,203)
```
#fa17d1
```
#fa17d1 rgb(250,23,209)
```

Tone Color Variation

Below, you can see how #cc45b4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#7a7a7a Achromatopsia 0.005% of the population
#8a6f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5580db Protanopia 1% of men
#7881ab Deuteranopia 1% of men
#c6656c Tritanopia 0.001% of the population

Trichromacy

#806acc Protanomaly 1% of men, 0.01% of women
#966bae Deuteranomaly 6% of men, 0.4% of women
#c85986 Tritanomaly 0.01% of the population

#cc45b4 hex color

#cc45b4 Color Information

#cc45b4 Color Conversion

Color Schemes with #cc45b4

Alternatives to #cc45b4

#cc45b4 Preview

Shades and Tints of #cc45b4

Tones of #cc45b4

Color Blindness Simulator