#c4bef0 hex color

In a RGB color space, hex #c4bef0 is composed of 76.9% red, 74.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 20.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 247.2 degrees, a saturation of 62.5% and a lightness of 84.3%. #c4bef0 color hex could be obtained by blending #ffffff with #897de1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 75
- B 94
RGB color chart
- C 18
- M 21
- Y 0
- K 6
CMYK color chart

● #c4bef0 color description : Very soft blue.

The hexadecimal color #c4bef0 has RGB values of R:196, G:190, B:240 and CMYK values of C:0.18, M:0.21, Y:0, K:0.06. Its decimal value is 12893936.

Hex triplet	c4bef0	`#c4bef0`
RGB Decimal	196, 190, 240	`rgb(196,190,240)`
RGB Percent	76.9, 74.5, 94.1	`rgb(76.9%,74.5%,94.1%)`
CMYK	18, 21, 0, 6
HSL	247.2°, 62.5, 84.3	`hsl(247.2,62.5%,84.3%)`
HSV (or HSB)	247.2°, 20.8, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.957, 12.112, -23.994
XYZ	56.904, 54.854, 90.023
xyY	0.282, 0.272, 54.854
CIE-LCH	78.957, 26.878, 296.785
CIE-LUV	78.957, 0.128, -39.994
Hunter-Lab	74.063, 7.533, -20.222
Binary	11000100, 10111110, 11110000

#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#eaf0be
```
#eaf0be rgb(234,240,190)
```

Complementary Color

#bed1f0
```
#bed1f0 rgb(190,209,240)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#ddbef0
```
#ddbef0 rgb(221,190,240)
```

Analogous Color

#d1f0be
```
#d1f0be rgb(209,240,190)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#f0ddbe
```
#f0ddbe rgb(240,221,190)
```

Split Complementary Color

#bef0c4
```
#bef0c4 rgb(190,240,196)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#f0c4be
```
#f0c4be rgb(240,196,190)
```

Triadic Color

#beeaf0
```
#beeaf0 rgb(190,234,240)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#f0c4be
```
#f0c4be rgb(240,196,190)
```
#eaf0be
```
#eaf0be rgb(234,240,190)
```

Tetradic Color

#8c80e2
```
#8c80e2 rgb(140,128,226)
```
#9e95e6
```
#9e95e6 rgb(158,149,230)
```
#b1a9eb
```
#b1a9eb rgb(177,169,235)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#d7d3f5
```
#d7d3f5 rgb(215,211,245)
```
#eae7fa
```
#eae7fa rgb(234,231,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Monochromatic Color

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

#bec5f0
```
#bec5f0 rgb(190,197,240)
```
#bec0f0
```
#bec0f0 rgb(190,192,240)
```
#c0bef0
```
#c0bef0 rgb(192,190,240)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#c8bef0
```
#c8bef0 rgb(200,190,240)
```
#ccbef0
```
#ccbef0 rgb(204,190,240)
```
#d1bef0
```
#d1bef0 rgb(209,190,240)
```

Similar Colors

Text with hexadecimal color #c4bef0

This text has a font color of #c4bef0.

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

#c4bef0 background color

This paragraph has a background color of #c4bef0.

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

#c4bef0 border color

This element has a border color of #c4bef0.

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

CSS codes

.text {color:#c4bef0;}

.background {background-color:#c4bef0;}

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

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, #05030f is the darkest color, while #fefeff is the lightest one.

#05030f
```
#05030f rgb(5,3,15)
```
#0a071f
```
#0a071f rgb(10,7,31)
```
#0f0b2f
```
#0f0b2f rgb(15,11,47)
```
#140e3f
```
#140e3f rgb(20,14,63)
```
#19124e
```
#19124e rgb(25,18,78)
```
#1e165e
```
#1e165e rgb(30,22,94)
```
#24196e
```
#24196e rgb(36,25,110)
```
#291d7e
```
#291d7e rgb(41,29,126)
```
#2e218e
```
#2e218e rgb(46,33,142)
```
#33249e
```
#33249e rgb(51,36,158)
```
#3828ae
```
#3828ae rgb(56,40,174)
```
#3d2cbe
```
#3d2cbe rgb(61,44,190)
```
#4330ce
```
#4330ce rgb(67,48,206)
```

Shade Color Variation

#503fd3
```
#503fd3 rgb(80,63,211)
```
#5f4ed6
```
#5f4ed6 rgb(95,78,214)
```
#6d5eda
```
#6d5eda rgb(109,94,218)
```
#7c6ede
```
#7c6ede rgb(124,110,222)
```
#8a7ee1
```
#8a7ee1 rgb(138,126,225)
```
#998ee5
```
#998ee5 rgb(153,142,229)
```
#a79ee9
```
#a79ee9 rgb(167,158,233)
```
#b6aeec
```
#b6aeec rgb(182,174,236)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#d2cef4
```
#d2cef4 rgb(210,206,244)
```
#e1def7
```
#e1def7 rgb(225,222,247)
```
#efeefb
```
#efeefb rgb(239,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d4da
```
#d4d4da rgb(212,212,218)
```
#d2d0de
```
#d2d0de rgb(210,208,222)
```
#d0cde1
```
#d0cde1 rgb(208,205,225)
```
#cdcae4
```
#cdcae4 rgb(205,202,228)
```
#cbc7e7
```
#cbc7e7 rgb(203,199,231)
```
#c9c4ea
```
#c9c4ea rgb(201,196,234)
```
#c6c1ed
```
#c6c1ed rgb(198,193,237)
```
#c4bef0
```
#c4bef0 rgb(196,190,240)
```
#c2bbf3
```
#c2bbf3 rgb(194,187,243)
```
#bfb8f6
```
#bfb8f6 rgb(191,184,246)
```
#bdb5f9
```
#bdb5f9 rgb(189,181,249)
```
#bbb2fc
```
#bbb2fc rgb(187,178,252)
```

Tone Color Variation

Below, you can see how #c4bef0 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
#c5c4ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac4f2 Protanopia 1% of men
#c2c2f0 Deuteranopia 1% of men
#c1c6d4 Tritanopia 0.001% of the population

Trichromacy

#bec2f1 Protanomaly 1% of men, 0.01% of women
#c3c1f0 Deuteranomaly 6% of men, 0.4% of women
#c2c3de Tritanomaly 0.01% of the population

#c4bef0 hex color

#c4bef0 Color Information

#c4bef0 Color Conversion

Color Schemes with #c4bef0

Alternatives to #c4bef0

#c4bef0 Preview

Shades and Tints of #c4bef0

Tones of #c4bef0

Color Blindness Simulator