#c4bcf5 hex color

In a RGB color space, hex #c4bcf5 is composed of 76.9% red, 73.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 23.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 248.4 degrees, a saturation of 74% and a lightness of 84.9%. #c4bcf5 color hex could be obtained by blending #ffffff with #8979eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 74
- B 96
RGB color chart
- C 20
- M 23
- Y 0
- K 4
CMYK color chart

● #c4bcf5 color description : Very soft blue.

The hexadecimal color #c4bcf5 has RGB values of R:196, G:188, B:245 and CMYK values of C:0.2, M:0.23, Y:0, K:0.04. Its decimal value is 12893429.

Hex triplet	c4bcf5	`#c4bcf5`
RGB Decimal	196, 188, 245	`rgb(196,188,245)`
RGB Percent	76.9, 73.7, 96.1	`rgb(76.9%,73.7%,96.1%)`
CMYK	20, 23, 0, 4
HSL	248.4°, 74, 84.9	`hsl(248.4,74%,84.9%)`
HSV (or HSB)	248.4°, 23.3, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.633, 14.303, -27.173
XYZ	57.227, 54.294, 93.846
xyY	0.279, 0.264, 54.294
CIE-LCH	78.633, 30.708, 297.762
CIE-LUV	78.633, 0.675, -45.587
Hunter-Lab	73.685, 9.682, -23.933
Binary	11000100, 10111100, 11110101

#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#edf5bc
```
#edf5bc rgb(237,245,188)
```

Complementary Color

#bcd1f5
```
#bcd1f5 rgb(188,209,245)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#e1bcf5
```
#e1bcf5 rgb(225,188,245)
```

Analogous Color

#d1f5bc
```
#d1f5bc rgb(209,245,188)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#f5e1bc
```
#f5e1bc rgb(245,225,188)
```

Split Complementary Color

#bcf5c4
```
#bcf5c4 rgb(188,245,196)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#f5c4bc
```
#f5c4bc rgb(245,196,188)
```

Triadic Color

#bcedf5
```
#bcedf5 rgb(188,237,245)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#f5c4bc
```
#f5c4bc rgb(245,196,188)
```
#edf5bc
```
#edf5bc rgb(237,245,188)
```

Tetradic Color

#8979eb
```
#8979eb rgb(137,121,235)
```
#9d90ee
```
#9d90ee rgb(157,144,238)
```
#b0a6f2
```
#b0a6f2 rgb(176,166,242)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#d8d2f8
```
#d8d2f8 rgb(216,210,248)
```
#ebe8fc
```
#ebe8fc rgb(235,232,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcc2f5
```
#bcc2f5 rgb(188,194,245)
```
#bcbef5
```
#bcbef5 rgb(188,190,245)
```
#bfbcf5
```
#bfbcf5 rgb(191,188,245)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#c9bcf5
```
#c9bcf5 rgb(201,188,245)
```
#cebcf5
```
#cebcf5 rgb(206,188,245)
```
#d2bcf5
```
#d2bcf5 rgb(210,188,245)
```

Similar Colors

Text with hexadecimal color #c4bcf5

This text has a font color of #c4bcf5.

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

#c4bcf5 background color

This paragraph has a background color of #c4bcf5.

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

#c4bcf5 border color

This element has a border color of #c4bcf5.

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

CSS codes

.text {color:#c4bcf5;}

.background {background-color:#c4bcf5;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050312
```
#050312 rgb(5,3,18)
```
#0a0523
```
#0a0523 rgb(10,5,35)
```
#0e0834
```
#0e0834 rgb(14,8,52)
```
#130a46
```
#130a46 rgb(19,10,70)
```
#170d57
```
#170d57 rgb(23,13,87)
```
#1c0f68
```
#1c0f68 rgb(28,15,104)
```
#201279
```
#201279 rgb(32,18,121)
```
#25158a
```
#25158a rgb(37,21,138)
```
#2a179b
```
#2a179b rgb(42,23,155)
```
#2e1aac
```
#2e1aac rgb(46,26,172)
```
#331cbd
```
#331cbd rgb(51,28,189)
```
#371fce
```
#371fce rgb(55,31,206)
```

Shade Color Variation

#3d22de
```
#3d22de rgb(61,34,222)
```
#4c33e1
```
#4c33e1 rgb(76,51,225)
```
#5b45e3
```
#5b45e3 rgb(91,69,227)
```
#6a56e6
```
#6a56e6 rgb(106,86,230)
```
#7967e8
```
#7967e8 rgb(121,103,232)
```
#8878eb
```
#8878eb rgb(136,120,235)
```
#9789ed
```
#9789ed rgb(151,137,237)
```
#a69af0
```
#a69af0 rgb(166,154,240)
```
#b5abf2
```
#b5abf2 rgb(181,171,242)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#d3cdf8
```
#d3cdf8 rgb(211,205,248)
```
#e2defa
```
#e2defa rgb(226,222,250)
```
#f1effd
```
#f1effd rgb(241,239,253)
```

Tint Color Variation

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

#d7d7da
```
#d7d7da rgb(215,215,218)
```
#d5d4dd
```
#d5d4dd rgb(213,212,221)
```
#d3d1e0
```
#d3d1e0 rgb(211,209,224)
```
#d1cee3
```
#d1cee3 rgb(209,206,227)
```
#cfcbe6
```
#cfcbe6 rgb(207,203,230)
```
#cdc8e9
```
#cdc8e9 rgb(205,200,233)
```
#cac5ec
```
#cac5ec rgb(202,197,236)
```
#c8c2ef
```
#c8c2ef rgb(200,194,239)
```
#c6bff2
```
#c6bff2 rgb(198,191,242)
```
#c4bcf5
```
#c4bcf5 rgb(196,188,245)
```
#c2b9f8
```
#c2b9f8 rgb(194,185,248)
```
#c0b6fb
```
#c0b6fb rgb(192,182,251)
```
#beb3fe
```
#beb3fe rgb(190,179,254)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c5c3cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c3f8 Protanopia 1% of men
#bec2f4 Deuteranopia 1% of men
#bfc5d4 Tritanopia 0.001% of the population

Trichromacy

#bbc0f7 Protanomaly 1% of men, 0.01% of women
#c0bff4 Deuteranomaly 6% of men, 0.4% of women
#c1c2e0 Tritanomaly 0.01% of the population

#c4bcf5 hex color

#c4bcf5 Color Information

#c4bcf5 Color Conversion

Color Schemes with #c4bcf5

Alternatives to #c4bcf5

#c4bcf5 Preview

Shades and Tints of #c4bcf5

Tones of #c4bcf5

Color Blindness Simulator