colorhexa.com

#c4bdd6 hex color

In a RGB color space, hex #c4bdd6 is composed of 76.9% red, 74.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 11.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 256.8 degrees, a saturation of 23.4% and a lightness of 79%. #c4bdd6 color hex could be obtained by blending #ffffff with #897bad. Closest websafe color is: #cccccc.

- R 77
- G 74
- B 84
RGB color chart
- C 8
- M 12
- Y 0
- K 16
CMYK color chart

● #c4bdd6 color description : Grayish violet.

The hexadecimal color #c4bdd6 has RGB values of R:196, G:189, B:214 and CMYK values of C:0.08, M:0.12, Y:0, K:0.16. Its decimal value is 12893654.

Hex triplet	c4bdd6	`#c4bdd6`
RGB Decimal	196, 189, 214	`rgb(196,189,214)`
RGB Percent	76.9, 74.1, 83.9	`rgb(76.9%,74.1%,83.9%)`
CMYK	8, 12, 0, 16
HSL	256.8°, 23.4, 79	`hsl(256.8,23.4%,79%)`
HSV (or HSB)	256.8°, 11.7, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.867, 7.199, -11.629
XYZ	53.098, 52.986, 71.045
xyY	0.3, 0.299, 52.986
CIE-LCH	77.867, 13.677, 301.76
CIE-LUV	77.867, 2.366, -19.12
Hunter-Lab	72.791, 2.822, -6.913
Binary	11000100, 10111101, 11010110

#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#cfd6bd
```
#cfd6bd rgb(207,214,189)
```

Complementary Color

#bdc3d6
```
#bdc3d6 rgb(189,195,214)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#d1bdd6
```
#d1bdd6 rgb(209,189,214)
```

Analogous Color

#c3d6bd
```
#c3d6bd rgb(195,214,189)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#d6d1bd
```
#d6d1bd rgb(214,209,189)
```

Split Complementary Color

#bdd6c4
```
#bdd6c4 rgb(189,214,196)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#d6c4bd
```
#d6c4bd rgb(214,196,189)
```

Triadic Color

#bdcfd6
```
#bdcfd6 rgb(189,207,214)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#d6c4bd
```
#d6c4bd rgb(214,196,189)
```
#cfd6bd
```
#cfd6bd rgb(207,214,189)
```

Tetradic Color

#9a8eb9
```
#9a8eb9 rgb(154,142,185)
```
#a89ec2
```
#a89ec2 rgb(168,158,194)
```
#b6adcc
```
#b6adcc rgb(182,173,204)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#d2cde0
```
#d2cde0 rgb(210,205,224)
```
#e0dcea
```
#e0dcea rgb(224,220,234)
```
#eeecf3
```
#eeecf3 rgb(238,236,243)
```

Monochromatic Color

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

#bebdd6
```
#bebdd6 rgb(190,189,214)
```
#c0bdd6
```
#c0bdd6 rgb(192,189,214)
```
#c2bdd6
```
#c2bdd6 rgb(194,189,214)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#c6bdd6
```
#c6bdd6 rgb(198,189,214)
```
#c8bdd6
```
#c8bdd6 rgb(200,189,214)
```
#cabdd6
```
#cabdd6 rgb(202,189,214)
```

Similar Colors

Text with hexadecimal color #c4bdd6

This text has a font color of #c4bdd6.

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

#c4bdd6 background color

This paragraph has a background color of #c4bdd6.

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

#c4bdd6 border color

This element has a border color of #c4bdd6.

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

CSS codes

.text {color:#c4bdd6;}

.background {background-color:#c4bdd6;}

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0e0c13
```
#0e0c13 rgb(14,12,19)
```
#16131f
```
#16131f rgb(22,19,31)
```
#1f1b2b
```
#1f1b2b rgb(31,27,43)
```
#282237
```
#282237 rgb(40,34,55)
```
#312a43
```
#312a43 rgb(49,42,67)
```
#3a314f
```
#3a314f rgb(58,49,79)
```
#42395b
```
#42395b rgb(66,57,91)
```
#4b4067
```
#4b4067 rgb(75,64,103)
```
#544873
```
#544873 rgb(84,72,115)
```
#5d4f80
```
#5d4f80 rgb(93,79,128)
```
#66578c
```
#66578c rgb(102,87,140)
```
#6e5e98
```
#6e5e98 rgb(110,94,152)
```

Shade Color Variation

#7868a1
```
#7868a1 rgb(120,104,161)
```
#8374a9
```
#8374a9 rgb(131,116,169)
```
#8e81b0
```
#8e81b0 rgb(142,129,176)
```
#998db8
```
#998db8 rgb(153,141,184)
```
#a499bf
```
#a499bf rgb(164,153,191)
```
#aea5c7
```
#aea5c7 rgb(174,165,199)
```
#b9b1ce
```
#b9b1ce rgb(185,177,206)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#cfc9de
```
#cfc9de rgb(207,201,222)
```
#dad5e5
```
#dad5e5 rgb(218,213,229)
```
#e4e1ed
```
#e4e1ed rgb(228,225,237)
```
#efedf4
```
#efedf4 rgb(239,237,244)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

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

#c9c9ca
```
#c9c9ca rgb(201,201,202)
```
#c8c5ce
```
#c8c5ce rgb(200,197,206)
```
#c6c1d2
```
#c6c1d2 rgb(198,193,210)
```
#c4bdd6
```
#c4bdd6 rgb(196,189,214)
```
#c2b9da
```
#c2b9da rgb(194,185,218)
```
#c0b5de
```
#c0b5de rgb(192,181,222)
```
#bfb1e2
```
#bfb1e2 rgb(191,177,226)
```
#bdade6
```
#bdade6 rgb(189,173,230)
```
#bba8eb
```
#bba8eb rgb(187,168,235)
```
#b9a4ef
```
#b9a4ef rgb(185,164,239)
```
#b7a0f3
```
#b7a0f3 rgb(183,160,243)
```
#b69cf7
```
#b69cf7 rgb(182,156,247)
```
#b498fb
```
#b498fb rgb(180,152,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c2c1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c2d9 Protanopia 1% of men
#cbbed8 Deuteranopia 1% of men
#c5c1cf Tritanopia 0.001% of the population

Trichromacy

#c1c0d8 Protanomaly 1% of men, 0.01% of women
#c8bed7 Deuteranomaly 6% of men, 0.4% of women
#c4c0d2 Tritanomaly 0.01% of the population