#c696ff hex color

In a RGB color space, hex #c696ff is composed of 77.6% red, 58.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 41.2% magenta, 0% yellow and 0% black. It has a hue angle of 267.4 degrees, a saturation of 100% and a lightness of 79.4%. #c696ff color hex could be obtained by blending #ffffff with #8d2dff. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 78
- G 59
- B 100
RGB color chart
- C 22
- M 41
- Y 0
- K 0
CMYK color chart

● #c696ff color description : Very light violet.

The hexadecimal color #c696ff has RGB values of R:198, G:150, B:255 and CMYK values of C:0.22, M:0.41, Y:0, K:0. Its decimal value is 13014783.

Hex triplet	c696ff	`#c696ff`
RGB Decimal	198, 150, 255	`rgb(198,150,255)`
RGB Percent	77.6, 58.8, 100	`rgb(77.6%,58.8%,100%)`
CMYK	22, 41, 0, 0
HSL	267.4°, 100, 79.4	`hsl(267.4,100%,79.4%)`
HSV (or HSB)	267.4°, 41.2, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	70.203, 38.007, -45.632
XYZ	52.242, 41.039, 99.771
xyY	0.271, 0.213, 41.039
CIE-LCH	70.203, 59.387, 309.791
CIE-LUV	70.203, 16.636, -78.886
Hunter-Lab	64.062, 33.459, -47.497
Binary	11000110, 10010110, 11111111

#c696ff
```
#c696ff rgb(198,150,255)
```
#cfff96
```
#cfff96 rgb(207,255,150)
```

Complementary Color

#969bff
```
#969bff rgb(150,155,255)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#fb96ff
```
#fb96ff rgb(251,150,255)
```

Analogous Color

#9bff96
```
#9bff96 rgb(155,255,150)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#fffb96
```
#fffb96 rgb(255,251,150)
```

Split Complementary Color

#96ffc6
```
#96ffc6 rgb(150,255,198)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#ffc696
```
#ffc696 rgb(255,198,150)
```

Triadic Color

#96cfff
```
#96cfff rgb(150,207,255)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#ffc696
```
#ffc696 rgb(255,198,150)
```
#cfff96
```
#cfff96 rgb(207,255,150)
```

Tetradic Color

#9c4aff
```
#9c4aff rgb(156,74,255)
```
#aa63ff
```
#aa63ff rgb(170,99,255)
```
#b87dff
```
#b87dff rgb(184,125,255)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#d4b0ff
```
#d4b0ff rgb(212,176,255)
```
#e2c9ff
```
#e2c9ff rgb(226,201,255)
```
#f0e3ff
```
#f0e3ff rgb(240,227,255)
```

Monochromatic Color

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

#ac96ff
```
#ac96ff rgb(172,150,255)
```
#b596ff
```
#b596ff rgb(181,150,255)
```
#bd96ff
```
#bd96ff rgb(189,150,255)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#cf96ff
```
#cf96ff rgb(207,150,255)
```
#d896ff
```
#d896ff rgb(216,150,255)
```
#e096ff
```
#e096ff rgb(224,150,255)
```

Similar Colors

Text with hexadecimal color #c696ff

This text has a font color of #c696ff.

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

#c696ff background color

This paragraph has a background color of #c696ff.

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

#c696ff border color

This element has a border color of #c696ff.

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

CSS codes

.text {color:#c696ff;}

.background {background-color:#c696ff;}

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

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, #06000d is the darkest color, while #fbf8ff is the lightest one.

#06000d
```
#06000d rgb(6,0,13)
```
#0f0020
```
#0f0020 rgb(15,0,32)
```
#180034
```
#180034 rgb(24,0,52)
```
#210048
```
#210048 rgb(33,0,72)
```
#2a005b
```
#2a005b rgb(42,0,91)
```
#33006f
```
#33006f rgb(51,0,111)
```
#3c0082
```
#3c0082 rgb(60,0,130)
```
#450096
```
#450096 rgb(69,0,150)
```
#4e00aa
```
#4e00aa rgb(78,0,170)
```
#5700bd
```
#5700bd rgb(87,0,189)
```
#5f00d1
```
#5f00d1 rgb(95,0,209)
```
#6800e4
```
#6800e4 rgb(104,0,228)
```
#7100f8
```
#7100f8 rgb(113,0,248)
```

Shade Color Variation

#7b0dff
```
#7b0dff rgb(123,13,255)
```
#8620ff
```
#8620ff rgb(134,32,255)
```
#9134ff
```
#9134ff rgb(145,52,255)
```
#9b48ff
```
#9b48ff rgb(155,72,255)
```
#a65bff
```
#a65bff rgb(166,91,255)
```
#b16fff
```
#b16fff rgb(177,111,255)
```
#bb82ff
```
#bb82ff rgb(187,130,255)
```
#c696ff
```
#c696ff rgb(198,150,255)
```
#d1aaff
```
#d1aaff rgb(209,170,255)
```
#dbbdff
```
#dbbdff rgb(219,189,255)
```
#e6d1ff
```
#e6d1ff rgb(230,209,255)
```
#f1e4ff
```
#f1e4ff rgb(241,228,255)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#cac6cf
```
#cac6cf rgb(202,198,207)
```
#cac2d3
```
#cac2d3 rgb(202,194,211)
```
#c9bed7
```
#c9bed7 rgb(201,190,215)
```
#c9badb
```
#c9badb rgb(201,186,219)
```
#c9b6df
```
#c9b6df rgb(201,182,223)
```
#c8b2e3
```
#c8b2e3 rgb(200,178,227)
```
#c8aee7
```
#c8aee7 rgb(200,174,231)
```
#c8aaeb
```
#c8aaeb rgb(200,170,235)
```
#c7a6ef
```
#c7a6ef rgb(199,166,239)
```
#c7a2f3
```
#c7a2f3 rgb(199,162,243)
```
#c79ef7
```
#c79ef7 rgb(199,158,247)
```
#c69afb
```
#c69afb rgb(198,154,251)
```
#c696ff
```
#c696ff rgb(198,150,255)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b4abc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90adff Protanopia 1% of men
#8faef8 Deuteranopia 1% of men
#baabb8 Tritanopia 0.001% of the population

Trichromacy

#a4a4ff Protanomaly 1% of men, 0.01% of women
#a3a5fa Deuteranomaly 6% of men, 0.4% of women
#bea3d1 Tritanomaly 0.01% of the population

#c696ff hex color

#c696ff Color Information

#c696ff Color Conversion

Color Schemes with #c696ff

Alternatives to #c696ff

#c696ff Preview

Shades and Tints of #c696ff

Tones of #c696ff

Color Blindness Simulator