colorhexa.com

#c542f5 hex color

In a RGB color space, hex #c542f5 is composed of 77.3% red, 25.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 73.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 283.9 degrees, a saturation of 89.9% and a lightness of 61%. #c542f5 color hex could be obtained by blending #ff84ff with #8b00eb. Closest websafe color is: #cc33ff.

- R 77
- G 26
- B 96
RGB color chart
- C 20
- M 73
- Y 0
- K 4
CMYK color chart

● #c542f5 color description : Bright violet.

The hexadecimal color #c542f5 has RGB values of R:197, G:66, B:245 and CMYK values of C:0.2, M:0.73, Y:0, K:0.04. Its decimal value is 12927733.

Hex triplet	c542f5	`#c542f5`
RGB Decimal	197, 66, 245	`rgb(197,66,245)`
RGB Percent	77.3, 25.9, 96.1	`rgb(77.3%,25.9%,96.1%)`
CMYK	20, 73, 0, 4
HSL	283.9°, 89.9, 61	`hsl(283.9,89.9%,61%)`
HSV (or HSB)	283.9°, 73.1, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.408, 75.697, -65.265
XYZ	41.454, 22.361, 88.514
xyY	0.272, 0.147, 22.361
CIE-LCH	54.408, 99.948, 319.232
CIE-LUV	54.408, 42.632, -109.678
Hunter-Lab	47.287, 73.726, -77.88
Binary	11000101, 01000010, 11110101

#c542f5
```
#c542f5 rgb(197,66,245)
```
#72f542
```
#72f542 rgb(114,245,66)
```

Complementary Color

#6c42f5
```
#6c42f5 rgb(108,66,245)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#f542cc
```
#f542cc rgb(245,66,204)
```

Analogous Color

#42f56c
```
#42f56c rgb(66,245,108)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#ccf542
```
#ccf542 rgb(204,245,66)
```

Split Complementary Color

#42f5c5
```
#42f5c5 rgb(66,245,197)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#f5c542
```
#f5c542 rgb(245,197,66)
```

Triadic Color

#4272f5
```
#4272f5 rgb(66,114,245)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#f5c542
```
#f5c542 rgb(245,197,66)
```
#72f542
```
#72f542 rgb(114,245,66)
```

Tetradic Color

#a60cdf
```
#a60cdf rgb(166,12,223)
```
#b612f2
```
#b612f2 rgb(182,18,242)
```
#be2af4
```
#be2af4 rgb(190,42,244)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#cc5af6
```
#cc5af6 rgb(204,90,246)
```
#d472f8
```
#d472f8 rgb(212,114,248)
```
#db8bf9
```
#db8bf9 rgb(219,139,249)
```

Monochromatic Color

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

#9842f5
```
#9842f5 rgb(152,66,245)
```
#a742f5
```
#a742f5 rgb(167,66,245)
```
#b642f5
```
#b642f5 rgb(182,66,245)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#d442f5
```
#d442f5 rgb(212,66,245)
```
#e342f5
```
#e342f5 rgb(227,66,245)
```
#f242f5
```
#f242f5 rgb(242,66,245)
```

Similar Colors

Text with hexadecimal color #c542f5

This text has a font color of #c542f5.

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

#c542f5 background color

This paragraph has a background color of #c542f5.

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

#c542f5 border color

This element has a border color of #c542f5.

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

CSS codes

.text {color:#c542f5;}

.background {background-color:#c542f5;}

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

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, #0c0110 is the darkest color, while #fefcff is the lightest one.

#0c0110
```
#0c0110 rgb(12,1,16)
```
#1a0223
```
#1a0223 rgb(26,2,35)
```
#280335
```
#280335 rgb(40,3,53)
```
#360448
```
#360448 rgb(54,4,72)
```
#43055a
```
#43055a rgb(67,5,90)
```
#51066d
```
#51066d rgb(81,6,109)
```
#5f0780
```
#5f0780 rgb(95,7,128)
```
#6d0892
```
#6d0892 rgb(109,8,146)
```
#7b09a5
```
#7b09a5 rgb(123,9,165)
```
#890ab8
```
#890ab8 rgb(137,10,184)
```
#970bca
```
#970bca rgb(151,11,202)
```
#a50cdd
```
#a50cdd rgb(165,12,221)
```
#b30def
```
#b30def rgb(179,13,239)
```

Shade Color Variation

#ba1df3
```
#ba1df3 rgb(186,29,243)
```
#bf2ff4
```
#bf2ff4 rgb(191,47,244)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#cb55f6
```
#cb55f6 rgb(203,85,246)
```
#d067f7
```
#d067f7 rgb(208,103,247)
```
#d67af8
```
#d67af8 rgb(214,122,248)
```
#dc8df9
```
#dc8df9 rgb(220,141,249)
```
#e29ffa
```
#e29ffa rgb(226,159,250)
```
#e7b2fb
```
#e7b2fb rgb(231,178,251)
```
#edc4fc
```
#edc4fc rgb(237,196,252)
```
#f3d7fd
```
#f3d7fd rgb(243,215,253)
```
#f8eafe
```
#f8eafe rgb(248,234,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#9e96a1
```
#9e96a1 rgb(158,150,161)
```
#a28fa8
```
#a28fa8 rgb(162,143,168)
```
#a587b0
```
#a587b0 rgb(165,135,176)
```
#a97fb8
```
#a97fb8 rgb(169,127,184)
```
#ac78bf
```
#ac78bf rgb(172,120,191)
```
#b070c7
```
#b070c7 rgb(176,112,199)
```
#b368cf
```
#b368cf rgb(179,104,207)
```
#b761d6
```
#b761d6 rgb(183,97,214)
```
#ba59de
```
#ba59de rgb(186,89,222)
```
#be51e6
```
#be51e6 rgb(190,81,230)
```
#c14aed
```
#c14aed rgb(193,74,237)
```
#c542f5
```
#c542f5 rgb(197,66,245)
```
#c93afd
```
#c93afd rgb(201,58,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8c7296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2684ff Protanopia 1% of men
#318ae2 Deuteranopia 1% of men
#b37880 Tritanopia 0.001% of the population

Trichromacy

#5f6cfb Protanomaly 1% of men, 0.01% of women
#6670e9 Deuteranomaly 6% of men, 0.4% of women
#b964aa Tritanomaly 0.01% of the population