colorhexa.com

#c311f7 hex color

In a RGB color space, hex #c311f7 is composed of 76.5% red, 6.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 93.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 286.4 degrees, a saturation of 93.5% and a lightness of 51.8%. #c311f7 color hex could be obtained by blending #ff22ff with #8700ef. Closest websafe color is: #cc00ff.

- R 76
- G 7
- B 97
RGB color chart
- C 21
- M 93
- Y 0
- K 3
CMYK color chart

● #c311f7 color description : Vivid magenta.

The hexadecimal color #c311f7 has RGB values of R:195, G:17, B:247 and CMYK values of C:0.21, M:0.93, Y:0, K:0.03. Its decimal value is 12784119.

Hex triplet	c311f7	`#c311f7`
RGB Decimal	195, 17, 247	`rgb(195,17,247)`
RGB Percent	76.5, 6.7, 96.9	`rgb(76.5%,6.7%,96.9%)`
CMYK	21, 93, 0, 3
HSL	286.4°, 93.5, 51.8	`hsl(286.4,93.5%,51.8%)`
HSV (or HSB)	286.4°, 93.1, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.358, 87.077, -72.955
XYZ	39.493, 18.72, 89.524
xyY	0.267, 0.127, 18.72
CIE-LCH	50.358, 113.599, 320.043
CIE-LUV	50.358, 46.102, -119.295
Hunter-Lab	43.267, 87.213, -92.391
Binary	11000011, 00010001, 11110111

#c311f7
```
#c311f7 rgb(195,17,247)
```
#45f711
```
#45f711 rgb(69,247,17)
```

Complementary Color

#5011f7
```
#5011f7 rgb(80,17,247)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#f711b8
```
#f711b8 rgb(247,17,184)
```

Analogous Color

#11f750
```
#11f750 rgb(17,247,80)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#b8f711
```
#b8f711 rgb(184,247,17)
```

Split Complementary Color

#11f7c3
```
#11f7c3 rgb(17,247,195)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#f7c311
```
#f7c311 rgb(247,195,17)
```

Triadic Color

#1145f7
```
#1145f7 rgb(17,69,247)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#f7c311
```
#f7c311 rgb(247,195,17)
```
#45f711
```
#45f711 rgb(69,247,17)
```

Tetradic Color

#8e06b5
```
#8e06b5 rgb(142,6,181)
```
#a107ce
```
#a107ce rgb(161,7,206)
```
#b408e7
```
#b408e7 rgb(180,8,231)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#c92af8
```
#c92af8 rgb(201,42,248)
```
#cf42f9
```
#cf42f9 rgb(207,66,249)
```
#d65bf9
```
#d65bf9 rgb(214,91,249)
```

Monochromatic Color

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

#8a11f7
```
#8a11f7 rgb(138,17,247)
```
#9d11f7
```
#9d11f7 rgb(157,17,247)
```
#b011f7
```
#b011f7 rgb(176,17,247)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```
#d611f7
```
#d611f7 rgb(214,17,247)
```
#e911f7
```
#e911f7 rgb(233,17,247)
```
#f711f2
```
#f711f2 rgb(247,17,242)
```

Similar Colors

Text with hexadecimal color #c311f7

This text has a font color of #c311f7.

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

#c311f7 background color

This paragraph has a background color of #c311f7.

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

#c311f7 border color

This element has a border color of #c311f7.

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

CSS codes

.text {color:#c311f7;}

.background {background-color:#c311f7;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#16011c
```
#16011c rgb(22,1,28)
```
#24022f
```
#24022f rgb(36,2,47)
```
#330242
```
#330242 rgb(51,2,66)
```
#420355
```
#420355 rgb(66,3,85)
```
#510368
```
#510368 rgb(81,3,104)
```
#60047b
```
#60047b rgb(96,4,123)
```
#6f058e
```
#6f058e rgb(111,5,142)
```
#7d05a1
```
#7d05a1 rgb(125,5,161)
```
#8c06b4
```
#8c06b4 rgb(140,6,180)
```
#9b07c6
```
#9b07c6 rgb(155,7,198)
```
#aa07d9
```
#aa07d9 rgb(170,7,217)
```
#b908ec
```
#b908ec rgb(185,8,236)
```

Shade Color Variation

#c311f7
```
#c311f7 rgb(195,17,247)
```
#c824f8
```
#c824f8 rgb(200,36,248)
```
#cd37f8
```
#cd37f8 rgb(205,55,248)
```
#d14af9
```
#d14af9 rgb(209,74,249)
```
#d65dfa
```
#d65dfa rgb(214,93,250)
```
#db70fa
```
#db70fa rgb(219,112,250)
```
#e083fb
```
#e083fb rgb(224,131,251)
```
#e496fb
```
#e496fb rgb(228,150,251)
```
#e9a9fc
```
#e9a9fc rgb(233,169,252)
```
#eebcfd
```
#eebcfd rgb(238,188,253)
```
#f3cffd
```
#f3cffd rgb(243,207,253)
```
#f8e2fe
```
#f8e2fe rgb(248,226,254)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#858385
```
#858385 rgb(133,131,133)
```
#8a798f
```
#8a798f rgb(138,121,143)
```
#8f7098
```
#8f7098 rgb(143,112,152)
```
#9466a2
```
#9466a2 rgb(148,102,162)
```
#9a5dab
```
#9a5dab rgb(154,93,171)
```
#9f53b5
```
#9f53b5 rgb(159,83,181)
```
#a44abe
```
#a44abe rgb(164,74,190)
```
#a940c8
```
#a940c8 rgb(169,64,200)
```
#ae37d1
```
#ae37d1 rgb(174,55,209)
```
#b32ddb
```
#b32ddb rgb(179,45,219)
```
#b924e4
```
#b924e4 rgb(185,36,228)
```
#be1aee
```
#be1aee rgb(190,26,238)
```
#c311f7
```
#c311f7 rgb(195,17,247)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#74507e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bef Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#af6b72 Tritanopia 0.001% of the population

Trichromacy

#4654f2 Protanomaly 1% of men, 0.01% of women
#4658e1 Deuteranomaly 6% of men, 0.4% of women
#b64aa2 Tritanomaly 0.01% of the population