#bed4dc hex color

In a RGB color space, hex #bed4dc is composed of 74.5% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 196 degrees, a saturation of 30% and a lightness of 80.4%. #bed4dc color hex could be obtained by blending #ffffff with #7da9b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 83
- B 86
RGB color chart
- C 14
- M 4
- Y 0
- K 14
CMYK color chart

● #bed4dc color description : Light grayish blue.

The hexadecimal color #bed4dc has RGB values of R:190, G:212, B:220 and CMYK values of C:0.14, M:0.04, Y:0, K:0.14. Its decimal value is 12506332.

Hex triplet	bed4dc	`#bed4dc`
RGB Decimal	190, 212, 220	`rgb(190,212,220)`
RGB Percent	74.5, 83.1, 86.3	`rgb(74.5%,83.1%,86.3%)`
CMYK	14, 4, 0, 14
HSL	196°, 30, 80.4	`hsl(196,30%,80.4%)`
HSV (or HSB)	196°, 13.6, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.548, -5.733, -6.448
XYZ	57.694, 63.201, 76.865
xyY	0.292, 0.32, 63.201
CIE-LCH	83.548, 8.628, 228.357
CIE-LUV	83.548, -12.134, -8.96
Hunter-Lab	79.499, -9.581, -1.677
Binary	10111110, 11010100, 11011100

#bed4dc
```
#bed4dc rgb(190,212,220)
```
#dcc6be
```
#dcc6be rgb(220,198,190)
```

Complementary Color

#bedcd5
```
#bedcd5 rgb(190,220,213)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#bec5dc
```
#bec5dc rgb(190,197,220)
```

Analogous Color

#dcd5be
```
#dcd5be rgb(220,213,190)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#dcbec5
```
#dcbec5 rgb(220,190,197)
```

Split Complementary Color

#d4dcbe
```
#d4dcbe rgb(212,220,190)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#dcbed4
```
#dcbed4 rgb(220,190,212)
```

Triadic Color

#bedcc6
```
#bedcc6 rgb(190,220,198)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#dcbed4
```
#dcbed4 rgb(220,190,212)
```
#dcc6be
```
#dcc6be rgb(220,198,190)
```

Tetradic Color

#8cb3c1
```
#8cb3c1 rgb(140,179,193)
```
#9dbeca
```
#9dbeca rgb(157,190,202)
```
#adc9d3
```
#adc9d3 rgb(173,201,211)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#dfeaee
```
#dfeaee rgb(223,234,238)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```

Monochromatic Color

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

#bedcdc
```
#bedcdc rgb(190,220,220)
```
#bed9dc
```
#bed9dc rgb(190,217,220)
```
#bed7dc
```
#bed7dc rgb(190,215,220)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#bed2dc
```
#bed2dc rgb(190,210,220)
```
#becfdc
```
#becfdc rgb(190,207,220)
```
#becddc
```
#becddc rgb(190,205,220)
```

Similar Colors

Text with hexadecimal color #bed4dc

This text has a font color of #bed4dc.

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

#bed4dc background color

This paragraph has a background color of #bed4dc.

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

#bed4dc border color

This element has a border color of #bed4dc.

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

CSS codes

.text {color:#bed4dc;}

.background {background-color:#bed4dc;}

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

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, #060a0c is the darkest color, while #fefefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1518
```
#0d1518 rgb(13,21,24)
```
#142025
```
#142025 rgb(20,32,37)
```
#1b2c32
```
#1b2c32 rgb(27,44,50)
```
#22373f
```
#22373f rgb(34,55,63)
```
#29424b
```
#29424b rgb(41,66,75)
```
#2f4d58
```
#2f4d58 rgb(47,77,88)
```
#365865
```
#365865 rgb(54,88,101)
```
#3d6472
```
#3d6472 rgb(61,100,114)
```
#446f7e
```
#446f7e rgb(68,111,126)
```
#4b7a8b
```
#4b7a8b rgb(75,122,139)
```
#528598
```
#528598 rgb(82,133,152)
```
#5990a5
```
#5990a5 rgb(89,144,165)
```

Shade Color Variation

#6599ac
```
#6599ac rgb(101,153,172)
```
#72a1b3
```
#72a1b3 rgb(114,161,179)
```
#7eaaba
```
#7eaaba rgb(126,170,186)
```
#8bb2c1
```
#8bb2c1 rgb(139,178,193)
```
#98bbc7
```
#98bbc7 rgb(152,187,199)
```
#a5c3ce
```
#a5c3ce rgb(165,195,206)
```
#b1ccd5
```
#b1ccd5 rgb(177,204,213)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#cbdce3
```
#cbdce3 rgb(203,220,227)
```
#d8e5ea
```
#d8e5ea rgb(216,229,234)
```
#e4edf1
```
#e4edf1 rgb(228,237,241)
```
#f1f6f7
```
#f1f6f7 rgb(241,246,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#c6d0d4
```
#c6d0d4 rgb(198,208,212)
```
#c2d2d8
```
#c2d2d8 rgb(194,210,216)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#bad6e0
```
#bad6e0 rgb(186,214,224)
```
#b6d8e4
```
#b6d8e4 rgb(182,216,228)
```
#b2d9e8
```
#b2d9e8 rgb(178,217,232)
```
#afdbeb
```
#afdbeb rgb(175,219,235)
```
#abddef
```
#abddef rgb(171,221,239)
```
#a7dff3
```
#a7dff3 rgb(167,223,243)
```
#a3e1f7
```
#a3e1f7 rgb(163,225,247)
```
#9fe2fb
```
#9fe2fb rgb(159,226,251)
```
#9be4ff
```
#9be4ff rgb(155,228,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cbcfd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d1db Protanopia 1% of men
#dfcde0 Deuteranopia 1% of men
#c2d5e4 Tritanopia 0.001% of the population

Trichromacy

#cbd2db Protanomaly 1% of men, 0.01% of women
#d3cfdf Deuteranomaly 6% of men, 0.4% of women
#c1d4e1 Tritanomaly 0.01% of the population

#bed4dc hex color

#bed4dc Color Information

#bed4dc Color Conversion

Color Schemes with #bed4dc

Alternatives to #bed4dc

#bed4dc Preview

Shades and Tints of #bed4dc

Tones of #bed4dc

Color Blindness Simulator