#c558a5 hex color

In a RGB color space, hex #c558a5 is composed of 77.3% red, 34.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.3% magenta, 16.2% yellow and 22.7% black. It has a hue angle of 317.6 degrees, a saturation of 48.4% and a lightness of 55.9%. #c558a5 color hex could be obtained by blending #ffb0ff with #8b004b. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 77
- G 35
- B 65
RGB color chart
- C 0
- M 55
- Y 16
- K 23
CMYK color chart

● #c558a5 color description : Moderate pink.

The hexadecimal color #c558a5 has RGB values of R:197, G:88, B:165 and CMYK values of C:0, M:0.55, Y:0.16, K:0.23. Its decimal value is 12933285.

Hex triplet	c558a5	`#c558a5`
RGB Decimal	197, 88, 165	`rgb(197,88,165)`
RGB Percent	77.3, 34.5, 64.7	`rgb(77.3%,34.5%,64.7%)`
CMYK	0, 55, 16, 23
HSL	317.6°, 48.4, 55.9	`hsl(317.6,48.4%,55.9%)`
HSV (or HSB)	317.6°, 55.3, 77.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	53.566, 52.654, -20.875
XYZ	33.307, 21.569, 38.004
xyY	0.359, 0.232, 21.569
CIE-LCH	53.566, 56.641, 338.374
CIE-LUV	53.566, 59.27, -39.042
Hunter-Lab	46.442, 46.742, -16.009
Binary	11000101, 01011000, 10100101

#c558a5
```
#c558a5 rgb(197,88,165)
```
#58c578
```
#58c578 rgb(88,197,120)
```

Complementary Color

#af58c5
```
#af58c5 rgb(175,88,197)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#c5586f
```
#c5586f rgb(197,88,111)
```

Analogous Color

#58c5af
```
#58c5af rgb(88,197,175)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#6fc558
```
#6fc558 rgb(111,197,88)
```

Split Complementary Color

#58a5c5
```
#58a5c5 rgb(88,165,197)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#a5c558
```
#a5c558 rgb(165,197,88)
```

Triadic Color

#7858c5
```
#7858c5 rgb(120,88,197)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#a5c558
```
#a5c558 rgb(165,197,88)
```
#58c578
```
#58c578 rgb(88,197,120)
```

Tetradic Color

#9b367d
```
#9b367d rgb(155,54,125)
```
#ae3c8c
```
#ae3c8c rgb(174,60,140)
```
#be459b
```
#be459b rgb(190,69,155)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#cc6baf
```
#cc6baf rgb(204,107,175)
```
#d27eb9
```
#d27eb9 rgb(210,126,185)
```
#d991c4
```
#d991c4 rgb(217,145,196)
```

Monochromatic Color

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

#c558c0
```
#c558c0 rgb(197,88,192)
```
#c558b7
```
#c558b7 rgb(197,88,183)
```
#c558ae
```
#c558ae rgb(197,88,174)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#c5589c
```
#c5589c rgb(197,88,156)
```
#c55893
```
#c55893 rgb(197,88,147)
```
#c5588a
```
#c5588a rgb(197,88,138)
```

Similar Colors

Text with hexadecimal color #c558a5

This text has a font color of #c558a5.

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

#c558a5 background color

This paragraph has a background color of #c558a5.

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

#c558a5 border color

This element has a border color of #c558a5.

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

CSS codes

.text {color:#c558a5;}

.background {background-color:#c558a5;}

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

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

#080306
```
#080306 rgb(8,3,6)
```
#160812
```
#160812 rgb(22,8,18)
```
#250d1e
```
#250d1e rgb(37,13,30)
```
#33122a
```
#33122a rgb(51,18,42)
```
#421735
```
#421735 rgb(66,23,53)
```
#511c41
```
#511c41 rgb(81,28,65)
```
#5f214d
```
#5f214d rgb(95,33,77)
```
#6e2659
```
#6e2659 rgb(110,38,89)
```
#7c2b64
```
#7c2b64 rgb(124,43,100)
```
#8b3070
```
#8b3070 rgb(139,48,112)
```
#99357c
```
#99357c rgb(153,53,124)
```
#a83a88
```
#a83a88 rgb(168,58,136)
```
#b63f93
```
#b63f93 rgb(182,63,147)
```

Shade Color Variation

#c0499d
```
#c0499d rgb(192,73,157)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#ca67ad
```
#ca67ad rgb(202,103,173)
```
#cf75b5
```
#cf75b5 rgb(207,117,181)
```
#d484bd
```
#d484bd rgb(212,132,189)
```
#d992c4
```
#d992c4 rgb(217,146,196)
```
#dea1cc
```
#dea1cc rgb(222,161,204)
```
#e3afd4
```
#e3afd4 rgb(227,175,212)
```
#e8bedc
```
#e8bedc rgb(232,190,220)
```
#edcce4
```
#edcce4 rgb(237,204,228)
```
#f3dbec
```
#f3dbec rgb(243,219,236)
```
#f8eaf3
```
#f8eaf3 rgb(248,234,243)
```
#fdf8fb
```
#fdf8fb rgb(253,248,251)
```

Tint Color Variation

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

#918c90
```
#918c90 rgb(145,140,144)
```
#9a8393
```
#9a8393 rgb(154,131,147)
```
#a27b97
```
#a27b97 rgb(162,123,151)
```
#ab729a
```
#ab729a rgb(171,114,154)
```
#b4699e
```
#b4699e rgb(180,105,158)
```
#bc61a1
```
#bc61a1 rgb(188,97,161)
```
#c558a5
```
#c558a5 rgb(197,88,165)
```
#ce4fa9
```
#ce4fa9 rgb(206,79,169)
```
#d647ac
```
#d647ac rgb(214,71,172)
```
#df3eb0
```
#df3eb0 rgb(223,62,176)
```
#e835b3
```
#e835b3 rgb(232,53,179)
```
#f02db7
```
#f02db7 rgb(240,45,183)
```
#f924ba
```
#f924ba rgb(249,36,186)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8f7988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7084c1 Protanopia 1% of men
#8583a0 Deuteranopia 1% of men
#c26d74 Tritanopia 0.001% of the population

Trichromacy

#8f74b6 Protanomaly 1% of men, 0.01% of women
#9c73a2 Deuteranomaly 6% of men, 0.4% of women
#c36586 Tritanomaly 0.01% of the population

#c558a5 hex color

#c558a5 Color Information

#c558a5 Color Conversion

Color Schemes with #c558a5

Alternatives to #c558a5

#c558a5 Preview

Shades and Tints of #c558a5

Tones of #c558a5

Color Blindness Simulator