colorhexa.com

#bec7d0 hex color

In a RGB color space, hex #bec7d0 is composed of 74.5% red, 78% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 4.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 210 degrees, a saturation of 16.1% and a lightness of 78%. #bec7d0 color hex could be obtained by blending #ffffff with #7d8fa1. Closest websafe color is: #cccccc.

- R 75
- G 78
- B 82
RGB color chart
- C 9
- M 4
- Y 0
- K 18
CMYK color chart

● #bec7d0 color description : Grayish blue.

The hexadecimal color #bec7d0 has RGB values of R:190, G:199, B:208 and CMYK values of C:0.09, M:0.04, Y:0, K:0.18. Its decimal value is 12502992.

Hex triplet	bec7d0	`#bec7d0`
RGB Decimal	190, 199, 208	`rgb(190,199,208)`
RGB Percent	74.5, 78, 81.6	`rgb(74.5%,78%,81.6%)`
CMYK	9, 4, 0, 18
HSL	210°, 16.1, 78	`hsl(210,16.1%,78%)`
HSV (or HSB)	210°, 8.7, 81.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.811, -1.328, -5.555
XYZ	53.042, 56.348, 67.753
xyY	0.299, 0.318, 56.348
CIE-LCH	79.811, 5.712, 256.55
CIE-LUV	79.811, -5.423, -8.242
Hunter-Lab	75.065, -5.234, -0.969
Binary	10111110, 11000111, 11010000

#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#d0c7be
```
#d0c7be rgb(208,199,190)
```

Complementary Color

#bed0d0
```
#bed0d0 rgb(190,208,208)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#bebed0
```
#bebed0 rgb(190,190,208)
```

Analogous Color

#d0d0be
```
#d0d0be rgb(208,208,190)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#d0bebe
```
#d0bebe rgb(208,190,190)
```

Split Complementary Color

#c7d0be
```
#c7d0be rgb(199,208,190)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#d0bec7
```
#d0bec7 rgb(208,190,199)
```

Triadic Color

#bed0c7
```
#bed0c7 rgb(190,208,199)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#d0bec7
```
#d0bec7 rgb(208,190,199)
```
#d0c7be
```
#d0c7be rgb(208,199,190)
```

Tetradic Color

#92a1b0
```
#92a1b0 rgb(146,161,176)
```
#a0aebb
```
#a0aebb rgb(160,174,187)
```
#afbac5
```
#afbac5 rgb(175,186,197)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#cdd4db
```
#cdd4db rgb(205,212,219)
```
#dce1e5
```
#dce1e5 rgb(220,225,229)
```
#eaedf0
```
#eaedf0 rgb(234,237,240)
```

Monochromatic Color

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

#beccd0
```
#beccd0 rgb(190,204,208)
```
#becad0
```
#becad0 rgb(190,202,208)
```
#bec9d0
```
#bec9d0 rgb(190,201,208)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#bec6d0
```
#bec6d0 rgb(190,198,208)
```
#bec4d0
```
#bec4d0 rgb(190,196,208)
```
#bec3d0
```
#bec3d0 rgb(190,195,208)
```

Similar Colors

Text with hexadecimal color #bec7d0

This text has a font color of #bec7d0.

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

#bec7d0 background color

This paragraph has a background color of #bec7d0.

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

#bec7d0 border color

This element has a border color of #bec7d0.

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

CSS codes

.text {color:#bec7d0;}

.background {background-color:#bec7d0;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#13161a
```
#13161a rgb(19,22,26)
```
#1b2025
```
#1b2025 rgb(27,32,37)
```
#232a31
```
#232a31 rgb(35,42,49)
```
#2c343c
```
#2c343c rgb(44,52,60)
```
#343e48
```
#343e48 rgb(52,62,72)
```
#3c4853
```
#3c4853 rgb(60,72,83)
```
#44515e
```
#44515e rgb(68,81,94)
```
#4c5b6a
```
#4c5b6a rgb(76,91,106)
```
#556575
```
#556575 rgb(85,101,117)
```
#5d6f81
```
#5d6f81 rgb(93,111,129)
```
#65798c
```
#65798c rgb(101,121,140)
```

Shade Color Variation

#6e8296
```
#6e8296 rgb(110,130,150)
```
#7a8c9f
```
#7a8c9f rgb(122,140,159)
```
#8596a7
```
#8596a7 rgb(133,150,167)
```
#90a0af
```
#90a0af rgb(144,160,175)
```
#9caab7
```
#9caab7 rgb(156,170,183)
```
#a7b3c0
```
#a7b3c0 rgb(167,179,192)
```
#b3bdc8
```
#b3bdc8 rgb(179,189,200)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#c9d1d8
```
#c9d1d8 rgb(201,209,216)
```
#d5dbe0
```
#d5dbe0 rgb(213,219,224)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c2c7cc
```
#c2c7cc rgb(194,199,204)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#bac7d4
```
#bac7d4 rgb(186,199,212)
```
#b5c7d9
```
#b5c7d9 rgb(181,199,217)
```
#b1c7dd
```
#b1c7dd rgb(177,199,221)
```
#adc7e1
```
#adc7e1 rgb(173,199,225)
```
#a8c7e6
```
#a8c7e6 rgb(168,199,230)
```
#a4c7ea
```
#a4c7ea rgb(164,199,234)
```
#a0c7ee
```
#a0c7ee rgb(160,199,238)
```
#9cc7f2
```
#9cc7f2 rgb(156,199,242)
```
#97c7f7
```
#97c7f7 rgb(151,199,247)
```
#93c7fb
```
#93c7fb rgb(147,199,251)
```

Tone Color Variation

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

Dichromacy

#c9c7d1 Protanopia 1% of men
#d5c3d4 Deuteranopia 1% of men
#c2c9d7 Tritanopia 0.001% of the population

Trichromacy

#c5c7d0 Protanomaly 1% of men, 0.01% of women
#cdc4d2 Deuteranomaly 6% of men, 0.4% of women
#c0c8d4 Tritanomaly 0.01% of the population