#c550bb hex color

In a RGB color space, hex #c550bb is composed of 77.3% red, 31.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 5.1% yellow and 22.7% black. It has a hue angle of 305.1 degrees, a saturation of 50.2% and a lightness of 54.3%. #c550bb color hex could be obtained by blending #ffa0ff with #8b0077. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 77
- G 31
- B 73
RGB color chart
- C 0
- M 59
- Y 5
- K 23
CMYK color chart

● #c550bb color description : Moderate magenta.

The hexadecimal color #c550bb has RGB values of R:197, G:80, B:187 and CMYK values of C:0, M:0.59, Y:0.05, K:0.23. Its decimal value is 12931259.

Hex triplet	c550bb	`#c550bb`
RGB Decimal	197, 80, 187	`rgb(197,80,187)`
RGB Percent	77.3, 31.4, 73.3	`rgb(77.3%,31.4%,73.3%)`
CMYK	0, 59, 5, 23
HSL	305.1°, 50.2, 54.3	`hsl(305.1,50.2%,54.3%)`
HSV (or HSB)	305.1°, 59.4, 77.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.165, 59.791, -34.292
XYZ	34.864, 21.198, 49.266
xyY	0.331, 0.201, 21.198
CIE-LCH	53.165, 68.927, 330.165
CIE-LUV	53.165, 55.79, -60.307
Hunter-Lab	46.041, 54.595, -31.215
Binary	11000101, 01010000, 10111011

#c550bb
```
#c550bb rgb(197,80,187)
```
#50c55a
```
#50c55a rgb(80,197,90)
```

Complementary Color

#9550c5
```
#9550c5 rgb(149,80,197)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#c55081
```
#c55081 rgb(197,80,129)
```

Analogous Color

#50c595
```
#50c595 rgb(80,197,149)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#81c550
```
#81c550 rgb(129,197,80)
```

Split Complementary Color

#50bbc5
```
#50bbc5 rgb(80,187,197)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#bbc550
```
#bbc550 rgb(187,197,80)
```

Triadic Color

#5a50c5
```
#5a50c5 rgb(90,80,197)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#bbc550
```
#bbc550 rgb(187,197,80)
```
#50c55a
```
#50c55a rgb(80,197,90)
```

Tetradic Color

#97328e
```
#97328e rgb(151,50,142)
```
#aa38a0
```
#aa38a0 rgb(170,56,160)
```
#bd3fb2
```
#bd3fb2 rgb(189,63,178)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#cb63c2
```
#cb63c2 rgb(203,99,194)
```
#d276ca
```
#d276ca rgb(210,118,202)
```
#d889d1
```
#d889d1 rgb(216,137,209)
```

Monochromatic Color

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

#b250c5
```
#b250c5 rgb(178,80,197)
```
#bc50c5
```
#bc50c5 rgb(188,80,197)
```
#c550c5
```
#c550c5 rgb(197,80,197)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#c550b1
```
#c550b1 rgb(197,80,177)
```
#c550a8
```
#c550a8 rgb(197,80,168)
```
#c5509e
```
#c5509e rgb(197,80,158)
```

Similar Colors

Text with hexadecimal color #c550bb

This text has a font color of #c550bb.

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

#c550bb background color

This paragraph has a background color of #c550bb.

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

#c550bb border color

This element has a border color of #c550bb.

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

CSS codes

.text {color:#c550bb;}

.background {background-color:#c550bb;}

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

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, #020102 is the darkest color, while #fbf2fa is the lightest one.

#020102
```
#020102 rgb(2,1,2)
```
#110510
```
#110510 rgb(17,5,16)
```
#1f0a1d
```
#1f0a1d rgb(31,10,29)
```
#2e0f2b
```
#2e0f2b rgb(46,15,43)
```
#3d1439
```
#3d1439 rgb(61,20,57)
```
#4b1947
```
#4b1947 rgb(75,25,71)
```
#5a1e55
```
#5a1e55 rgb(90,30,85)
```
#692363
```
#692363 rgb(105,35,99)
```
#782871
```
#782871 rgb(120,40,113)
```
#862d7f
```
#862d7f rgb(134,45,127)
```
#95318d
```
#95318d rgb(149,49,141)
```
#a4369a
```
#a4369a rgb(164,54,154)
```
#b33ba8
```
#b33ba8 rgb(179,59,168)
```

Shade Color Variation

#c041b5
```
#c041b5 rgb(192,65,181)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#ca5fc1
```
#ca5fc1 rgb(202,95,193)
```
#cf6dc6
```
#cf6dc6 rgb(207,109,198)
```
#d47ccc
```
#d47ccc rgb(212,124,204)
```
#d98bd2
```
#d98bd2 rgb(217,139,210)
```
#dd9ad8
```
#dd9ad8 rgb(221,154,216)
```
#e2a8dd
```
#e2a8dd rgb(226,168,221)
```
#e7b7e3
```
#e7b7e3 rgb(231,183,227)
```
#ecc6e9
```
#ecc6e9 rgb(236,198,233)
```
#f1d5ef
```
#f1d5ef rgb(241,213,239)
```
#f6e3f4
```
#f6e3f4 rgb(246,227,244)
```
#fbf2fa
```
#fbf2fa rgb(251,242,250)
```

Tint Color Variation

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

#8f868e
```
#8f868e rgb(143,134,142)
```
#987d96
```
#987d96 rgb(152,125,150)
```
#a1749d
```
#a1749d rgb(161,116,157)
```
#aa6ba5
```
#aa6ba5 rgb(170,107,165)
```
#b362ac
```
#b362ac rgb(179,98,172)
```
#bc59b4
```
#bc59b4 rgb(188,89,180)
```
#c550bb
```
#c550bb rgb(197,80,187)
```
#ce47c2
```
#ce47c2 rgb(206,71,194)
```
#d73eca
```
#d73eca rgb(215,62,202)
```
#e035d1
```
#e035d1 rgb(224,53,209)
```
#e92cd9
```
#e92cd9 rgb(233,44,217)
```
#f223e0
```
#f223e0 rgb(242,35,224)
```
#fb1ae8
```
#fb1ae8 rgb(251,26,232)
```

Tone Color Variation

Below, you can see how #c550bb 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

#7f7f7f Achromatopsia 0.005% of the population
#8d768b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5982dc Protanopia 1% of men
#7684b2 Deuteranopia 1% of men
#be6d75 Tritanopia 0.001% of the population

Trichromacy

#8070d0 Protanomaly 1% of men, 0.01% of women
#9271b5 Deuteranomaly 6% of men, 0.4% of women
#c1638e Tritanomaly 0.01% of the population

#c550bb hex color

#c550bb Color Information

#c550bb Color Conversion

Color Schemes with #c550bb

Alternatives to #c550bb

#c550bb Preview

Shades and Tints of #c550bb

Tones of #c550bb

Color Blindness Simulator