#c4bddc hex color

In a RGB color space, hex #c4bddc is composed of 76.9% red, 74.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 14.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 253.5 degrees, a saturation of 30.7% and a lightness of 80.2%. #c4bddc color hex could be obtained by blending #ffffff with #897bb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 77
- G 74
- B 86
RGB color chart
- C 11
- M 14
- Y 0
- K 14
CMYK color chart

● #c4bddc color description : Light grayish blue.

The hexadecimal color #c4bddc has RGB values of R:196, G:189, B:220 and CMYK values of C:0.11, M:0.14, Y:0, K:0.14. Its decimal value is 12893660.

Hex triplet	c4bddc	`#c4bddc`
RGB Decimal	196, 189, 220	`rgb(196,189,220)`
RGB Percent	76.9, 74.1, 86.3	`rgb(76.9%,74.1%,86.3%)`
CMYK	11, 14, 0, 14
HSL	253.5°, 30.7, 80.2	`hsl(253.5,30.7%,80.2%)`
HSV (or HSB)	253.5°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.051, 8.414, -14.595
XYZ	53.878, 53.298, 75.155
xyY	0.295, 0.292, 53.298
CIE-LCH	78.051, 16.847, 299.963
CIE-LUV	78.051, 1.957, -24.045
Hunter-Lab	73.006, 3.974, -9.932
Binary	11000100, 10111101, 11011100

#c4bddc
```
#c4bddc rgb(196,189,220)
```
#d5dcbd
```
#d5dcbd rgb(213,220,189)
```

Complementary Color

#bdc6dc
```
#bdc6dc rgb(189,198,220)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#d4bddc
```
#d4bddc rgb(212,189,220)
```

Analogous Color

#c6dcbd
```
#c6dcbd rgb(198,220,189)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#dcd4bd
```
#dcd4bd rgb(220,212,189)
```

Split Complementary Color

#bddcc4
```
#bddcc4 rgb(189,220,196)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#dcc4bd
```
#dcc4bd rgb(220,196,189)
```

Triadic Color

#bdd5dc
```
#bdd5dc rgb(189,213,220)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#dcc4bd
```
#dcc4bd rgb(220,196,189)
```
#d5dcbd
```
#d5dcbd rgb(213,220,189)
```

Tetradic Color

#978bc1
```
#978bc1 rgb(151,139,193)
```
#a69cca
```
#a69cca rgb(166,156,202)
```
#b5acd3
```
#b5acd3 rgb(181,172,211)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#d3cee5
```
#d3cee5 rgb(211,206,229)
```
#e2deee
```
#e2deee rgb(226,222,238)
```
#f1eff7
```
#f1eff7 rgb(241,239,247)
```

Monochromatic Color

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

#bdbedc
```
#bdbedc rgb(189,190,220)
```
#bfbddc
```
#bfbddc rgb(191,189,220)
```
#c1bddc
```
#c1bddc rgb(193,189,220)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#c7bddc
```
#c7bddc rgb(199,189,220)
```
#c9bddc
```
#c9bddc rgb(201,189,220)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```

Similar Colors

Text with hexadecimal color #c4bddc

This text has a font color of #c4bddc.

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

#c4bddc background color

This paragraph has a background color of #c4bddc.

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

#c4bddc border color

This element has a border color of #c4bddc.

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

CSS codes

.text {color:#c4bddc;}

.background {background-color:#c4bddc;}

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

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, #07060b is the darkest color, while #fdfdfe is the lightest one.

#07060b
```
#07060b rgb(7,6,11)
```
#0f0d18
```
#0f0d18 rgb(15,13,24)
```
#171325
```
#171325 rgb(23,19,37)
```
#1f1a31
```
#1f1a31 rgb(31,26,49)
```
#28213e
```
#28213e rgb(40,33,62)
```
#30284b
```
#30284b rgb(48,40,75)
```
#382f58
```
#382f58 rgb(56,47,88)
```
#403565
```
#403565 rgb(64,53,101)
```
#483c71
```
#483c71 rgb(72,60,113)
```
#50437e
```
#50437e rgb(80,67,126)
```
#594a8b
```
#594a8b rgb(89,74,139)
```
#615198
```
#615198 rgb(97,81,152)
```
#6957a5
```
#6957a5 rgb(105,87,165)
```

Shade Color Variation

#7463ac
```
#7463ac rgb(116,99,172)
```
#7f70b3
```
#7f70b3 rgb(127,112,179)
```
#8b7dba
```
#8b7dba rgb(139,125,186)
```
#968ac1
```
#968ac1 rgb(150,138,193)
```
#a297c8
```
#a297c8 rgb(162,151,200)
```
#ada3ce
```
#ada3ce rgb(173,163,206)
```
#b9b0d5
```
#b9b0d5 rgb(185,176,213)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#cfcae3
```
#cfcae3 rgb(207,202,227)
```
#dbd7ea
```
#dbd7ea rgb(219,215,234)
```
#e6e3f0
```
#e6e3f0 rgb(230,227,240)
```
#f2f0f7
```
#f2f0f7 rgb(242,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cac9d0
```
#cac9d0 rgb(202,201,208)
```
#c8c5d4
```
#c8c5d4 rgb(200,197,212)
```
#c6c1d8
```
#c6c1d8 rgb(198,193,216)
```
#c4bddc
```
#c4bddc rgb(196,189,220)
```
#c2b9e0
```
#c2b9e0 rgb(194,185,224)
```
#c0b5e4
```
#c0b5e4 rgb(192,181,228)
```
#beb1e8
```
#beb1e8 rgb(190,177,232)
```
#bbadec
```
#bbadec rgb(187,173,236)
```
#b9aaef
```
#b9aaef rgb(185,170,239)
```
#b7a6f3
```
#b7a6f3 rgb(183,166,243)
```
#b5a2f7
```
#b5a2f7 rgb(181,162,247)
```
#b39efb
```
#b39efb rgb(179,158,251)
```
#b19aff
```
#b19aff rgb(177,154,255)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c3c2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec2df Protanopia 1% of men
#c9bfde Deuteranopia 1% of men
#c4c2d0 Tritanopia 0.001% of the population

Trichromacy

#c0c0de Protanomaly 1% of men, 0.01% of women
#c7bedd Deuteranomaly 6% of men, 0.4% of women
#c4c0d4 Tritanomaly 0.01% of the population

#c4bddc hex color

#c4bddc Color Information

#c4bddc Color Conversion

Color Schemes with #c4bddc

Alternatives to #c4bddc

#c4bddc Preview

Shades and Tints of #c4bddc

Tones of #c4bddc

Color Blindness Simulator