#bed5dd hex color

In a RGB color space, hex #bed5dd is composed of 74.5% red, 83.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 3.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.5 degrees, a saturation of 31.3% and a lightness of 80.6%. #bed5dd color hex could be obtained by blending #ffffff with #7dabbb. Closest websafe color is: #cccccc.

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

● #bed5dd color description : Light grayish blue.

The hexadecimal color #bed5dd has RGB values of R:190, G:213, B:221 and CMYK values of C:0.14, M:0.04, Y:0, K:0.13. Its decimal value is 12506589.

Hex triplet	bed5dd	`#bed5dd`
RGB Decimal	190, 213, 221	`rgb(190,213,221)`
RGB Percent	74.5, 83.5, 86.7	`rgb(74.5%,83.5%,86.7%)`
CMYK	14, 4, 0, 13
HSL	195.5°, 31.3, 80.6	`hsl(195.5,31.3%,80.6%)`
HSV (or HSB)	195.5°, 14, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.838, -6.049, -6.55
XYZ	58.078, 63.755, 77.649
xyY	0.291, 0.32, 63.755
CIE-LCH	83.838, 8.916, 227.279
CIE-LUV	83.838, -12.639, -9.073
Hunter-Lab	79.847, -9.897, -1.765
Binary	10111110, 11010101, 11011101

#bed5dd
```
#bed5dd rgb(190,213,221)
```
#ddc6be
```
#ddc6be rgb(221,198,190)
```

Complementary Color

#beddd6
```
#beddd6 rgb(190,221,214)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#bec6dd
```
#bec6dd rgb(190,198,221)
```

Analogous Color

#ddd6be
```
#ddd6be rgb(221,214,190)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#ddbec6
```
#ddbec6 rgb(221,190,198)
```

Split Complementary Color

#d5ddbe
```
#d5ddbe rgb(213,221,190)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#ddbed5
```
#ddbed5 rgb(221,190,213)
```

Triadic Color

#beddc6
```
#beddc6 rgb(190,221,198)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#ddbed5
```
#ddbed5 rgb(221,190,213)
```
#ddc6be
```
#ddc6be rgb(221,198,190)
```

Tetradic Color

#8cb5c3
```
#8cb5c3 rgb(140,181,195)
```
#9dbfcb
```
#9dbfcb rgb(157,191,203)
```
#adcad4
```
#adcad4 rgb(173,202,212)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#cfe0e6
```
#cfe0e6 rgb(207,224,230)
```
#dfebef
```
#dfebef rgb(223,235,239)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```

Monochromatic Color

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

#bedddd
```
#bedddd rgb(190,221,221)
```
#bedadd
```
#bedadd rgb(190,218,221)
```
#bed8dd
```
#bed8dd rgb(190,216,221)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#bed2dd
```
#bed2dd rgb(190,210,221)
```
#bed0dd
```
#bed0dd rgb(190,208,221)
```
#becddd
```
#becddd rgb(190,205,221)
```

Similar Colors

Text with hexadecimal color #bed5dd

This text has a font color of #bed5dd.

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

#bed5dd background color

This paragraph has a background color of #bed5dd.

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

#bed5dd border color

This element has a border color of #bed5dd.

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

CSS codes

.text {color:#bed5dd;}

.background {background-color:#bed5dd;}

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#142126
```
#142126 rgb(20,33,38)
```
#1b2d33
```
#1b2d33 rgb(27,45,51)
```
#213840
```
#213840 rgb(33,56,64)
```
#28434d
```
#28434d rgb(40,67,77)
```
#2f4f5a
```
#2f4f5a rgb(47,79,90)
```
#365a66
```
#365a66 rgb(54,90,102)
```
#3c6573
```
#3c6573 rgb(60,101,115)
```
#437080
```
#437080 rgb(67,112,128)
```
#4a7c8d
```
#4a7c8d rgb(74,124,141)
```
#51879a
```
#51879a rgb(81,135,154)
```
#5792a7
```
#5792a7 rgb(87,146,167)
```

Shade Color Variation

#649bae
```
#649bae rgb(100,155,174)
```
#71a3b5
```
#71a3b5 rgb(113,163,181)
```
#7eabbb
```
#7eabbb rgb(126,171,187)
```
#8ab4c2
```
#8ab4c2 rgb(138,180,194)
```
#97bcc9
```
#97bcc9 rgb(151,188,201)
```
#a4c4d0
```
#a4c4d0 rgb(164,196,208)
```
#b1cdd6
```
#b1cdd6 rgb(177,205,214)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#d8e6ea
```
#d8e6ea rgb(216,230,234)
```
#e5eef1
```
#e5eef1 rgb(229,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cdcece
```
#cdcece rgb(205,206,206)
```
#c9cfd2
```
#c9cfd2 rgb(201,207,210)
```
#c6d1d5
```
#c6d1d5 rgb(198,209,213)
```
#c2d3d9
```
#c2d3d9 rgb(194,211,217)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#bad7e1
```
#bad7e1 rgb(186,215,225)
```
#b6d9e5
```
#b6d9e5 rgb(182,217,229)
```
#b3dbe8
```
#b3dbe8 rgb(179,219,232)
```
#afdcec
```
#afdcec rgb(175,220,236)
```
#abdef0
```
#abdef0 rgb(171,222,240)
```
#a7e0f4
```
#a7e0f4 rgb(167,224,244)
```
#a3e2f8
```
#a3e2f8 rgb(163,226,248)
```
#a0e4fb
```
#a0e4fb rgb(160,228,251)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ccd0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d2dc Protanopia 1% of men
#e0cde1 Deuteranopia 1% of men
#c2d6e5 Tritanopia 0.001% of the population

Trichromacy

#ccd3dc Protanomaly 1% of men, 0.01% of women
#d3d0e0 Deuteranomaly 6% of men, 0.4% of women
#c1d5e2 Tritanomaly 0.01% of the population

#bed5dd hex color

#bed5dd Color Information

#bed5dd Color Conversion

Color Schemes with #bed5dd

Alternatives to #bed5dd

#bed5dd Preview

Shades and Tints of #bed5dd

Tones of #bed5dd

Color Blindness Simulator