#c4bad4 hex color

In a RGB color space, hex #c4bad4 is composed of 76.9% red, 72.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 12.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 263.1 degrees, a saturation of 23.2% and a lightness of 78%. #c4bad4 color hex could be obtained by blending #ffffff with #8975a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 73
- B 83
RGB color chart
- C 8
- M 12
- Y 0
- K 17
CMYK color chart

● #c4bad4 color description : Grayish violet.

The hexadecimal color #c4bad4 has RGB values of R:196, G:186, B:212 and CMYK values of C:0.08, M:0.12, Y:0, K:0.17. Its decimal value is 12892884.

Hex triplet	c4bad4	`#c4bad4`
RGB Decimal	196, 186, 212	`rgb(196,186,212)`
RGB Percent	76.9, 72.9, 83.1	`rgb(76.9%,72.9%,83.1%)`
CMYK	8, 12, 0, 17
HSL	263.1°, 23.2, 78	`hsl(263.1,23.2%,78%)`
HSV (or HSB)	263.1°, 12.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.045, 8.419, -11.775
XYZ	52.205, 51.607, 69.495
xyY	0.301, 0.298, 51.607
CIE-LCH	77.045, 14.475, 305.566
CIE-LUV	77.045, 3.966, -19.521
Hunter-Lab	71.838, 4.001, -7.069
Binary	11000100, 10111010, 11010100

#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#cad4ba
```
#cad4ba rgb(202,212,186)
```

Complementary Color

#babdd4
```
#babdd4 rgb(186,189,212)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#d1bad4
```
#d1bad4 rgb(209,186,212)
```

Analogous Color

#bdd4ba
```
#bdd4ba rgb(189,212,186)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#d4d1ba
```
#d4d1ba rgb(212,209,186)
```

Split Complementary Color

#bad4c4
```
#bad4c4 rgb(186,212,196)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#d4c4ba
```
#d4c4ba rgb(212,196,186)
```

Triadic Color

#bacad4
```
#bacad4 rgb(186,202,212)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#d4c4ba
```
#d4c4ba rgb(212,196,186)
```
#cad4ba
```
#cad4ba rgb(202,212,186)
```

Tetradic Color

#9c8bb7
```
#9c8bb7 rgb(156,139,183)
```
#a99bc0
```
#a99bc0 rgb(169,155,192)
```
#b7aaca
```
#b7aaca rgb(183,170,202)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#d1cade
```
#d1cade rgb(209,202,222)
```
#dfd9e8
```
#dfd9e8 rgb(223,217,232)
```
#ece9f1
```
#ece9f1 rgb(236,233,241)
```

Monochromatic Color

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

#bebad4
```
#bebad4 rgb(190,186,212)
```
#c0bad4
```
#c0bad4 rgb(192,186,212)
```
#c2bad4
```
#c2bad4 rgb(194,186,212)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#c6bad4
```
#c6bad4 rgb(198,186,212)
```
#c8bad4
```
#c8bad4 rgb(200,186,212)
```
#cbbad4
```
#cbbad4 rgb(203,186,212)
```

Similar Colors

Text with hexadecimal color #c4bad4

This text has a font color of #c4bad4.

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

#c4bad4 background color

This paragraph has a background color of #c4bad4.

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

#c4bad4 border color

This element has a border color of #c4bad4.

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

CSS codes

.text {color:#c4bad4;}

.background {background-color:#c4bad4;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0c0a10
```
#0c0a10 rgb(12,10,16)
```
#15111c
```
#15111c rgb(21,17,28)
```
#1f1928
```
#1f1928 rgb(31,25,40)
```
#282034
```
#282034 rgb(40,32,52)
```
#312840
```
#312840 rgb(49,40,64)
```
#3a2f4c
```
#3a2f4c rgb(58,47,76)
```
#443758
```
#443758 rgb(68,55,88)
```
#4d3e64
```
#4d3e64 rgb(77,62,100)
```
#564670
```
#564670 rgb(86,70,112)
```
#604d7c
```
#604d7c rgb(96,77,124)
```
#695588
```
#695588 rgb(105,85,136)
```
#725d95
```
#725d95 rgb(114,93,149)
```

Shade Color Variation

#7c659f
```
#7c659f rgb(124,101,159)
```
#8671a7
```
#8671a7 rgb(134,113,167)
```
#907eae
```
#907eae rgb(144,126,174)
```
#9b8ab6
```
#9b8ab6 rgb(155,138,182)
```
#a596bd
```
#a596bd rgb(165,150,189)
```
#afa2c5
```
#afa2c5 rgb(175,162,197)
```
#baaecc
```
#baaecc rgb(186,174,204)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#cec6dc
```
#cec6dc rgb(206,198,220)
```
#d9d2e3
```
#d9d2e3 rgb(217,210,227)
```
#e3deeb
```
#e3deeb rgb(227,222,235)
```
#edeaf2
```
#edeaf2 rgb(237,234,242)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c6c3cb
```
#c6c3cb rgb(198,195,203)
```
#c5bed0
```
#c5bed0 rgb(197,190,208)
```
#c4bad4
```
#c4bad4 rgb(196,186,212)
```
#c3b6d8
```
#c3b6d8 rgb(195,182,216)
```
#c2b1dd
```
#c2b1dd rgb(194,177,221)
```
#c1ade1
```
#c1ade1 rgb(193,173,225)
```
#c0a9e5
```
#c0a9e5 rgb(192,169,229)
```
#bfa4ea
```
#bfa4ea rgb(191,164,234)
```
#bea0ee
```
#bea0ee rgb(190,160,238)
```
#bd9cf2
```
#bd9cf2 rgb(189,156,242)
```
#bc98f6
```
#bc98f6 rgb(188,152,246)
```
#bb93fb
```
#bb93fb rgb(187,147,251)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c1bfc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc0d7 Protanopia 1% of men
#c9bcd6 Deuteranopia 1% of men
#c5bfcc Tritanopia 0.001% of the population

Trichromacy

#c0bdd6 Protanomaly 1% of men, 0.01% of women
#c7bbd5 Deuteranomaly 6% of men, 0.4% of women
#c4bdcf Tritanomaly 0.01% of the population

#c4bad4 hex color

#c4bad4 Color Information

#c4bad4 Color Conversion

Color Schemes with #c4bad4

Alternatives to #c4bad4

#c4bad4 Preview

Shades and Tints of #c4bad4

Tones of #c4bad4

Color Blindness Simulator