#bec5d0 hex color

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

♥
- f
- t
- g
- R 75
- G 77
- B 82
RGB color chart
- C 9
- M 5
- Y 0
- K 18
CMYK color chart

● #bec5d0 color description : Grayish blue.

The hexadecimal color #bec5d0 has RGB values of R:190, G:197, B:208 and CMYK values of C:0.09, M:0.05, Y:0, K:0.18. Its decimal value is 12502480.

Hex triplet	bec5d0	`#bec5d0`
RGB Decimal	190, 197, 208	`rgb(190,197,208)`
RGB Percent	74.5, 77.3, 81.6	`rgb(74.5%,77.3%,81.6%)`
CMYK	9, 5, 0, 18
HSL	216.7°, 16.1, 78	`hsl(216.7,16.1%,78%)`
HSV (or HSB)	216.7°, 8.7, 81.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.29, -0.269, -6.325
XYZ	52.584, 55.433, 67.6
xyY	0.299, 0.316, 55.433
CIE-LCH	79.29, 6.331, 267.568
CIE-LUV	79.29, -4.449, -9.605
Hunter-Lab	74.454, -4.224, -1.715
Binary	10111110, 11000101, 11010000

#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#d0c9be
```
#d0c9be rgb(208,201,190)
```

Complementary Color

#beced0
```
#beced0 rgb(190,206,208)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#c0bed0
```
#c0bed0 rgb(192,190,208)
```

Analogous Color

#ced0be
```
#ced0be rgb(206,208,190)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#d0c0be
```
#d0c0be rgb(208,192,190)
```

Split Complementary Color

#c5d0be
```
#c5d0be rgb(197,208,190)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#d0bec5
```
#d0bec5 rgb(208,190,197)
```

Triadic Color

#bed0c9
```
#bed0c9 rgb(190,208,201)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#d0bec5
```
#d0bec5 rgb(208,190,197)
```
#d0c9be
```
#d0c9be rgb(208,201,190)
```

Tetradic Color

#929db0
```
#929db0 rgb(146,157,176)
```
#a0abbb
```
#a0abbb rgb(160,171,187)
```
#afb8c5
```
#afb8c5 rgb(175,184,197)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#cdd2db
```
#cdd2db rgb(205,210,219)
```
#dcdfe5
```
#dcdfe5 rgb(220,223,229)
```
#eaedf0
```
#eaedf0 rgb(234,237,240)
```

Monochromatic Color

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

#becad0
```
#becad0 rgb(190,202,208)
```
#bec8d0
```
#bec8d0 rgb(190,200,208)
```
#bec7d0
```
#bec7d0 rgb(190,199,208)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#bec4d0
```
#bec4d0 rgb(190,196,208)
```
#bec2d0
```
#bec2d0 rgb(190,194,208)
```
#bec1d0
```
#bec1d0 rgb(190,193,208)
```

Similar Colors

Text with hexadecimal color #bec5d0

This text has a font color of #bec5d0.

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

#bec5d0 background color

This paragraph has a background color of #bec5d0.

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

#bec5d0 border color

This element has a border color of #bec5d0.

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

CSS codes

.text {color:#bec5d0;}

.background {background-color:#bec5d0;}

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

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)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#13161a
```
#13161a rgb(19,22,26)
```
#1b1f25
```
#1b1f25 rgb(27,31,37)
```
#232931
```
#232931 rgb(35,41,49)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#343b48
```
#343b48 rgb(52,59,72)
```
#3c4553
```
#3c4553 rgb(60,69,83)
```
#444e5e
```
#444e5e rgb(68,78,94)
```
#4c586a
```
#4c586a rgb(76,88,106)
```
#556175
```
#556175 rgb(85,97,117)
```
#5d6b81
```
#5d6b81 rgb(93,107,129)
```
#65748c
```
#65748c rgb(101,116,140)
```

Shade Color Variation

#6e7e96
```
#6e7e96 rgb(110,126,150)
```
#7a889f
```
#7a889f rgb(122,136,159)
```
#8592a7
```
#8592a7 rgb(133,146,167)
```
#909caf
```
#909caf rgb(144,156,175)
```
#9ca7b7
```
#9ca7b7 rgb(156,167,183)
```
#a7b1c0
```
#a7b1c0 rgb(167,177,192)
```
#b3bbc8
```
#b3bbc8 rgb(179,187,200)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#c9cfd8
```
#c9cfd8 rgb(201,207,216)
```
#d5d9e0
```
#d5d9e0 rgb(213,217,224)
```
#e0e3e9
```
#e0e3e9 rgb(224,227,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 #93bbfb is the most saturated one.

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c2c6cc
```
#c2c6cc rgb(194,198,204)
```
#bec5d0
```
#bec5d0 rgb(190,197,208)
```
#bac4d4
```
#bac4d4 rgb(186,196,212)
```
#b5c3d9
```
#b5c3d9 rgb(181,195,217)
```
#b1c2dd
```
#b1c2dd rgb(177,194,221)
```
#adc1e1
```
#adc1e1 rgb(173,193,225)
```
#a8c0e6
```
#a8c0e6 rgb(168,192,230)
```
#a4bfea
```
#a4bfea rgb(164,191,234)
```
#a0beee
```
#a0beee rgb(160,190,238)
```
#9cbdf2
```
#9cbdf2 rgb(156,189,242)
```
#97bcf7
```
#97bcf7 rgb(151,188,247)
```
#93bbfb
```
#93bbfb rgb(147,187,251)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c3c4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c6d1 Protanopia 1% of men
#d3c2d4 Deuteranopia 1% of men
#c2c7d5 Tritanopia 0.001% of the population

Trichromacy

#c4c5d0 Protanomaly 1% of men, 0.01% of women
#cbc3d2 Deuteranomaly 6% of men, 0.4% of women
#c0c6d3 Tritanomaly 0.01% of the population

#bec5d0 hex color

#bec5d0 Color Information

#bec5d0 Color Conversion

Color Schemes with #bec5d0

Alternatives to #bec5d0

#bec5d0 Preview

Shades and Tints of #bec5d0

Tones of #bec5d0

Color Blindness Simulator