#c4bde6 hex color

In a RGB color space, hex #c4bde6 is composed of 76.9% red, 74.1% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 17.8% magenta, 0% yellow and 9.8% black. It has a hue angle of 250.2 degrees, a saturation of 45.1% and a lightness of 82.2%. #c4bde6 color hex could be obtained by blending #ffffff with #897bcd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 74
- B 90
RGB color chart
- C 15
- M 18
- Y 0
- K 10
CMYK color chart

● #c4bde6 color description : Light grayish blue.

The hexadecimal color #c4bde6 has RGB values of R:196, G:189, B:230 and CMYK values of C:0.15, M:0.18, Y:0, K:0.1. Its decimal value is 12893670.

Hex triplet	c4bde6	`#c4bde6`
RGB Decimal	196, 189, 230	`rgb(196,189,230)`
RGB Percent	76.9, 74.1, 90.2	`rgb(76.9%,74.1%,90.2%)`
CMYK	15, 18, 0, 10
HSL	250.2°, 45.1, 82.2	`hsl(250.2,45.1%,82.2%)`
HSV (or HSB)	250.2°, 17.8, 90.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.371, 10.499, -19.506
XYZ	55.243, 53.844, 82.341
xyY	0.289, 0.281, 53.844
CIE-LCH	78.371, 22.152, 298.29
CIE-LUV	78.371, 1.27, -32.332
Hunter-Lab	73.378, 5.971, -15.167
Binary	11000100, 10111101, 11100110

#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#dfe6bd
```
#dfe6bd rgb(223,230,189)
```

Complementary Color

#bdcbe6
```
#bdcbe6 rgb(189,203,230)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#d9bde6
```
#d9bde6 rgb(217,189,230)
```

Analogous Color

#cbe6bd
```
#cbe6bd rgb(203,230,189)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#e6d9bd
```
#e6d9bd rgb(230,217,189)
```

Split Complementary Color

#bde6c4
```
#bde6c4 rgb(189,230,196)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#e6c4bd
```
#e6c4bd rgb(230,196,189)
```

Triadic Color

#bddfe6
```
#bddfe6 rgb(189,223,230)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#e6c4bd
```
#e6c4bd rgb(230,196,189)
```
#dfe6bd
```
#dfe6bd rgb(223,230,189)
```

Tetradic Color

#9286d1
```
#9286d1 rgb(146,134,209)
```
#a398d8
```
#a398d8 rgb(163,152,216)
```
#b3abdf
```
#b3abdf rgb(179,171,223)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#d5cfed
```
#d5cfed rgb(213,207,237)
```
#e5e2f4
```
#e5e2f4 rgb(229,226,244)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Monochromatic Color

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

#bdc0e6
```
#bdc0e6 rgb(189,192,230)
```
#bdbde6
```
#bdbde6 rgb(189,189,230)
```
#c1bde6
```
#c1bde6 rgb(193,189,230)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#c7bde6
```
#c7bde6 rgb(199,189,230)
```
#cbbde6
```
#cbbde6 rgb(203,189,230)
```
#cebde6
```
#cebde6 rgb(206,189,230)
```

Similar Colors

Text with hexadecimal color #c4bde6

This text has a font color of #c4bde6.

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

#c4bde6 background color

This paragraph has a background color of #c4bde6.

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

#c4bde6 border color

This element has a border color of #c4bde6.

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

CSS codes

.text {color:#c4bde6;}

.background {background-color:#c4bde6;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090713
```
#090713 rgb(9,7,19)
```
#100d22
```
#100d22 rgb(16,13,34)
```
#171230
```
#171230 rgb(23,18,48)
```
#1e173e
```
#1e173e rgb(30,23,62)
```
#251d4c
```
#251d4c rgb(37,29,76)
```
#2c225a
```
#2c225a rgb(44,34,90)
```
#332869
```
#332869 rgb(51,40,105)
```
#3a2d77
```
#3a2d77 rgb(58,45,119)
```
#413285
```
#413285 rgb(65,50,133)
```
#473893
```
#473893 rgb(71,56,147)
```
#4e3da2
```
#4e3da2 rgb(78,61,162)
```
#5543b0
```
#5543b0 rgb(85,67,176)
```

Shade Color Variation

#5e4bbb
```
#5e4bbb rgb(94,75,187)
```
#6b59c0
```
#6b59c0 rgb(107,89,192)
```
#7868c6
```
#7868c6 rgb(120,104,198)
```
#8476cb
```
#8476cb rgb(132,118,203)
```
#9184d0
```
#9184d0 rgb(145,132,208)
```
#9e92d6
```
#9e92d6 rgb(158,146,214)
```
#aba1db
```
#aba1db rgb(171,161,219)
```
#b7afe1
```
#b7afe1 rgb(183,175,225)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#d1cbeb
```
#d1cbeb rgb(209,203,235)
```
#ddd9f1
```
#ddd9f1 rgb(221,217,241)
```
#eae8f6
```
#eae8f6 rgb(234,232,246)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#d0cfd5
```
#d0cfd5 rgb(208,207,213)
```
#cdcbd8
```
#cdcbd8 rgb(205,203,216)
```
#cbc8dc
```
#cbc8dc rgb(203,200,220)
```
#c9c4df
```
#c9c4df rgb(201,196,223)
```
#c6c1e3
```
#c6c1e3 rgb(198,193,227)
```
#c4bde6
```
#c4bde6 rgb(196,189,230)
```
#c2baea
```
#c2baea rgb(194,186,234)
```
#bfb6ed
```
#bfb6ed rgb(191,182,237)
```
#bdb3f1
```
#bdb3f1 rgb(189,179,241)
```
#bbaff4
```
#bbaff4 rgb(187,175,244)
```
#b8acf8
```
#b8acf8 rgb(184,172,248)
```
#b6a8fb
```
#b6a8fb rgb(182,168,251)
```
#b4a5ff
```
#b4a5ff rgb(180,165,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c4c3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc3e9 Protanopia 1% of men
#c5c0e7 Deuteranopia 1% of men
#c2c4d2 Tritanopia 0.001% of the population

Trichromacy

#bfc1e7 Protanomaly 1% of men, 0.01% of women
#c5bfe6 Deuteranomaly 6% of men, 0.4% of women
#c3c1d9 Tritanomaly 0.01% of the population

#c4bde6 hex color

#c4bde6 Color Information

#c4bde6 Color Conversion

Color Schemes with #c4bde6

Alternatives to #c4bde6

#c4bde6 Preview

Shades and Tints of #c4bde6

Tones of #c4bde6

Color Blindness Simulator