#c400f0 hex color

In a RGB color space, hex #c400f0 is composed of 76.9% red, 0% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 100% magenta, 0% yellow and 5.9% black. It has a hue angle of 289 degrees, a saturation of 100% and a lightness of 47.1%. #c400f0 color hex could be obtained by blending #ff00ff with #8900e1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 77
- G 0
- B 94
RGB color chart
- C 18
- M 100
- Y 0
- K 6
CMYK color chart

● #c400f0 color description : Pure (or mostly pure) magenta.

The hexadecimal color #c400f0 has RGB values of R:196, G:0, B:240 and CMYK values of C:0.18, M:1, Y:0, K:0.06. Its decimal value is 12845296.

Hex triplet	c400f0	`#c400f0`
RGB Decimal	196, 0, 240	`rgb(196,0,240)`
RGB Percent	76.9, 0, 94.1	`rgb(76.9%,0%,94.1%)`
CMYK	18, 100, 0, 6
HSL	289°, 100, 47.1	`hsl(289,100%,47.1%)`
HSV (or HSB)	289°, 100, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.531, 87.461, -70.362
XYZ	38.491, 18.029, 83.886
xyY	0.274, 0.128, 18.029
CIE-LCH	49.531, 112.251, 321.184
CIE-LUV	49.531, 49.46, -115.186
Hunter-Lab	42.46, 87.509, -87.412
Binary	11000100, 00000000, 11110000

#c400f0
```
#c400f0 rgb(196,0,240)
```
#2cf000
```
#2cf000 rgb(44,240,0)
```

Complementary Color

#4c00f0
```
#4c00f0 rgb(76,0,240)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#f000a4
```
#f000a4 rgb(240,0,164)
```

Analogous Color

#00f04c
```
#00f04c rgb(0,240,76)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#a4f000
```
#a4f000 rgb(164,240,0)
```

Split Complementary Color

#00f0c4
```
#00f0c4 rgb(0,240,196)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#f0c400
```
#f0c400 rgb(240,196,0)
```

Triadic Color

#002cf0
```
#002cf0 rgb(0,44,240)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#f0c400
```
#f0c400 rgb(240,196,0)
```
#2cf000
```
#2cf000 rgb(44,240,0)
```

Tetradic Color

#8600a4
```
#8600a4 rgb(134,0,164)
```
#9a00bd
```
#9a00bd rgb(154,0,189)
```
#af00d7
```
#af00d7 rgb(175,0,215)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#d20bff
```
#d20bff rgb(210,11,255)
```
#d724ff
```
#d724ff rgb(215,36,255)
```
#dc3eff
```
#dc3eff rgb(220,62,255)
```

Monochromatic Color

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

#8800f0
```
#8800f0 rgb(136,0,240)
```
#9c00f0
```
#9c00f0 rgb(156,0,240)
```
#b000f0
```
#b000f0 rgb(176,0,240)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```
#d800f0
```
#d800f0 rgb(216,0,240)
```
#ec00f0
```
#ec00f0 rgb(236,0,240)
```
#f000e0
```
#f000e0 rgb(240,0,224)
```

Similar Colors

Text with hexadecimal color #c400f0

This text has a font color of #c400f0.

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

#c400f0 background color

This paragraph has a background color of #c400f0.

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

#c400f0 border color

This element has a border color of #c400f0.

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

CSS codes

.text {color:#c400f0;}

.background {background-color:#c400f0;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#140018
```
#140018 rgb(20,0,24)
```
#24002c
```
#24002c rgb(36,0,44)
```
#34003f
```
#34003f rgb(52,0,63)
```
#440053
```
#440053 rgb(68,0,83)
```
#540067
```
#540067 rgb(84,0,103)
```
#64007a
```
#64007a rgb(100,0,122)
```
#74008e
```
#74008e rgb(116,0,142)
```
#8400a2
```
#8400a2 rgb(132,0,162)
```
#9400b5
```
#9400b5 rgb(148,0,181)
```
#a400c9
```
#a400c9 rgb(164,0,201)
```
#b400dc
```
#b400dc rgb(180,0,220)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```

Shade Color Variation

#d105ff
```
#d105ff rgb(209,5,255)
```
#d518ff
```
#d518ff rgb(213,24,255)
```
#d82cff
```
#d82cff rgb(216,44,255)
```
#dc3fff
```
#dc3fff rgb(220,63,255)
```
#df53ff
```
#df53ff rgb(223,83,255)
```
#e367ff
```
#e367ff rgb(227,103,255)
```
#e77aff
```
#e77aff rgb(231,122,255)
```
#ea8eff
```
#ea8eff rgb(234,142,255)
```
#eea2ff
```
#eea2ff rgb(238,162,255)
```
#f1b5ff
```
#f1b5ff rgb(241,181,255)
```
#f5c9ff
```
#f5c9ff rgb(245,201,255)
```
#f9dcff
```
#f9dcff rgb(249,220,255)
```
#fcf0ff
```
#fcf0ff rgb(252,240,255)
```

Tint Color Variation

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

#7e6f81
```
#7e6f81 rgb(126,111,129)
```
#84668a
```
#84668a rgb(132,102,138)
```
#8a5c94
```
#8a5c94 rgb(138,92,148)
```
#8f539d
```
#8f539d rgb(143,83,157)
```
#954aa6
```
#954aa6 rgb(149,74,166)
```
#9b41af
```
#9b41af rgb(155,65,175)
```
#a137b9
```
#a137b9 rgb(161,55,185)
```
#a72ec2
```
#a72ec2 rgb(167,46,194)
```
#ad25cb
```
#ad25cb rgb(173,37,203)
```
#b21cd4
```
#b21cd4 rgb(178,28,212)
```
#b812de
```
#b812de rgb(184,18,222)
```
#be09e7
```
#be09e7 rgb(190,9,231)
```
#c400f0
```
#c400f0 rgb(196,0,240)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c4575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#b2666d Tritanopia 0.001% of the population

Trichromacy

#474ded Protanomaly 1% of men, 0.01% of women
#4750dd Deuteranomaly 6% of men, 0.4% of women
#b8419d Tritanomaly 0.01% of the population

#c400f0 hex color

#c400f0 Color Information

#c400f0 Color Conversion

Color Schemes with #c400f0

Alternatives to #c400f0

#c400f0 Preview

Shades and Tints of #c400f0

Tones of #c400f0

Color Blindness Simulator