colorhexa.com

#c45bf4 hex color

In a RGB color space, hex #c45bf4 is composed of 76.9% red, 35.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 62.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 281.2 degrees, a saturation of 87.4% and a lightness of 65.7%. #c45bf4 color hex could be obtained by blending #ffb6ff with #8900e9. Closest websafe color is: #cc66ff.

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

● #c45bf4 color description : Soft violet.

The hexadecimal color #c45bf4 has RGB values of R:196, G:91, B:244 and CMYK values of C:0.2, M:0.63, Y:0, K:0.04. Its decimal value is 12868596.

Hex triplet	c45bf4	`#c45bf4`
RGB Decimal	196, 91, 244	`rgb(196,91,244)`
RGB Percent	76.9, 35.7, 95.7	`rgb(76.9%,35.7%,95.7%)`
CMYK	20, 63, 0, 4
HSL	281.2°, 87.4, 65.7	`hsl(281.2,87.4%,65.7%)`
HSV (or HSB)	281.2°, 62.7, 95.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.8, 65.236, -59.265
XYZ	42.833, 25.751, 88.297
xyY	0.273, 0.164, 25.751
CIE-LCH	57.8, 88.137, 317.746
CIE-LUV	57.8, 36.849, -100.977
Hunter-Lab	50.745, 61.863, -67.643
Binary	11000100, 01011011, 11110100

#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#8bf45b
```
#8bf45b rgb(139,244,91)
```

Complementary Color

#785bf4
```
#785bf4 rgb(120,91,244)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#f45bd8
```
#f45bd8 rgb(244,91,216)
```

Analogous Color

#5bf478
```
#5bf478 rgb(91,244,120)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#d8f45b
```
#d8f45b rgb(216,244,91)
```

Split Complementary Color

#5bf4c4
```
#5bf4c4 rgb(91,244,196)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#f4c45b
```
#f4c45b rgb(244,196,91)
```

Triadic Color

#5b8bf4
```
#5b8bf4 rgb(91,139,244)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#f4c45b
```
#f4c45b rgb(244,196,91)
```
#8bf45b
```
#8bf45b rgb(139,244,91)
```

Tetradic Color

#aa13ef
```
#aa13ef rgb(170,19,239)
```
#b32bf1
```
#b32bf1 rgb(179,43,241)
```
#bb43f2
```
#bb43f2 rgb(187,67,242)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#cd73f6
```
#cd73f6 rgb(205,115,246)
```
#d58bf7
```
#d58bf7 rgb(213,139,247)
```
#dea3f9
```
#dea3f9 rgb(222,163,249)
```

Monochromatic Color

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

#9e5bf4
```
#9e5bf4 rgb(158,91,244)
```
#ab5bf4
```
#ab5bf4 rgb(171,91,244)
```
#b75bf4
```
#b75bf4 rgb(183,91,244)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#d15bf4
```
#d15bf4 rgb(209,91,244)
```
#de5bf4
```
#de5bf4 rgb(222,91,244)
```
#ea5bf4
```
#ea5bf4 rgb(234,91,244)
```

Similar Colors

Text with hexadecimal color #c45bf4

This text has a font color of #c45bf4.

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

#c45bf4 background color

This paragraph has a background color of #c45bf4.

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

#c45bf4 border color

This element has a border color of #c45bf4.

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

CSS codes

.text {color:#c45bf4;}

.background {background-color:#c45bf4;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0114
```
#0e0114 rgb(14,1,20)
```
#1b0326
```
#1b0326 rgb(27,3,38)
```
#280439
```
#280439 rgb(40,4,57)
```
#35054b
```
#35054b rgb(53,5,75)
```
#42065d
```
#42065d rgb(66,6,93)
```
#4f0770
```
#4f0770 rgb(79,7,112)
```
#5c0982
```
#5c0982 rgb(92,9,130)
```
#690a95
```
#690a95 rgb(105,10,149)
```
#760ba7
```
#760ba7 rgb(118,11,167)
```
#830cb9
```
#830cb9 rgb(131,12,185)
```
#900ecc
```
#900ecc rgb(144,14,204)
```
#9d0fde
```
#9d0fde rgb(157,15,222)
```

Shade Color Variation

#aa11ef
```
#aa11ef rgb(170,17,239)
```
#b024f0
```
#b024f0 rgb(176,36,240)
```
#b736f2
```
#b736f2 rgb(183,54,242)
```
#bd49f3
```
#bd49f3 rgb(189,73,243)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#cb6df5
```
#cb6df5 rgb(203,109,245)
```
#d180f6
```
#d180f6 rgb(209,128,246)
```
#d892f8
```
#d892f8 rgb(216,146,248)
```
#dea5f9
```
#dea5f9 rgb(222,165,249)
```
#e5b7fa
```
#e5b7fa rgb(229,183,250)
```
#ecc9fb
```
#ecc9fb rgb(236,201,251)
```
#f2dcfd
```
#f2dcfd rgb(242,220,253)
```
#f9eefe
```
#f9eefe rgb(249,238,254)
```

Tint Color Variation

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

#a8a5aa
```
#a8a5aa rgb(168,165,170)
```
#ab9eb1
```
#ab9eb1 rgb(171,158,177)
```
#ad98b7
```
#ad98b7 rgb(173,152,183)
```
#b091be
```
#b091be rgb(176,145,190)
```
#b28ac5
```
#b28ac5 rgb(178,138,197)
```
#b583cc
```
#b583cc rgb(181,131,204)
```
#b77dd2
```
#b77dd2 rgb(183,125,210)
```
#ba76d9
```
#ba76d9 rgb(186,118,217)
```
#bc6fe0
```
#bc6fe0 rgb(188,111,224)
```
#bf68e7
```
#bf68e7 rgb(191,104,231)
```
#c162ed
```
#c162ed rgb(193,98,237)
```
#c45bf4
```
#c45bf4 rgb(196,91,244)
```
#c754fb
```
#c754fb rgb(199,84,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9782a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#5291e5 Deuteranopia 1% of men
#b4848d Tritanopia 0.001% of the population

Trichromacy

#777bfb Protanomaly 1% of men, 0.01% of women
#7b7dea Deuteranomaly 6% of men, 0.4% of women
#ba75b2 Tritanomaly 0.01% of the population