#bec4ca hex color

In a RGB color space, hex #bec4ca is composed of 74.5% red, 76.9% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 3% magenta, 0% yellow and 20.8% black. It has a hue angle of 210 degrees, a saturation of 10.2% and a lightness of 76.9%. #bec4ca color hex could be obtained by blending #ffffff with #7d8995. Closest websafe color is: #cccccc.

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

● #bec4ca color description : Grayish blue.

The hexadecimal color #bec4ca has RGB values of R:190, G:196, B:202 and CMYK values of C:0.06, M:0.03, Y:0, K:0.21. Its decimal value is 12502218.

Hex triplet	bec4ca	`#bec4ca`
RGB Decimal	190, 196, 202	`rgb(190,196,202)`
RGB Percent	74.5, 76.9, 79.2	`rgb(74.5%,76.9%,79.2%)`
CMYK	6, 3, 0, 21
HSL	210°, 10.2, 76.9	`hsl(210,10.2%,76.9%)`
HSV (or HSB)	210°, 5.9, 79.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.863, -0.916, -3.724
XYZ	51.634, 54.691, 63.71
xyY	0.304, 0.322, 54.691
CIE-LCH	78.863, 3.835, 256.188
CIE-LUV	78.863, -3.659, -5.48
Hunter-Lab	73.953, -4.791, 0.69
Binary	10111110, 11000100, 11001010

#bec4ca
```
#bec4ca rgb(190,196,202)
```
#cac4be
```
#cac4be rgb(202,196,190)
```

Complementary Color

#becaca
```
#becaca rgb(190,202,202)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#bebeca
```
#bebeca rgb(190,190,202)
```

Analogous Color

#cacabe
```
#cacabe rgb(202,202,190)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#cabebe
```
#cabebe rgb(202,190,190)
```

Split Complementary Color

#c4cabe
```
#c4cabe rgb(196,202,190)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#cabec4
```
#cabec4 rgb(202,190,196)
```

Triadic Color

#becac4
```
#becac4 rgb(190,202,196)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#cabec4
```
#cabec4 rgb(202,190,196)
```
#cac4be
```
#cac4be rgb(202,196,190)
```

Tetradic Color

#949ea8
```
#949ea8 rgb(148,158,168)
```
#a2abb3
```
#a2abb3 rgb(162,171,179)
```
#b0b7bf
```
#b0b7bf rgb(176,183,191)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#ccd1d5
```
#ccd1d5 rgb(204,209,213)
```
#dadee1
```
#dadee1 rgb(218,222,225)
```
#e8eaec
```
#e8eaec rgb(232,234,236)
```

Monochromatic Color

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

#bec7ca
```
#bec7ca rgb(190,199,202)
```
#bec6ca
```
#bec6ca rgb(190,198,202)
```
#bec5ca
```
#bec5ca rgb(190,197,202)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#bec3ca
```
#bec3ca rgb(190,195,202)
```
#bec2ca
```
#bec2ca rgb(190,194,202)
```
#bec1ca
```
#bec1ca rgb(190,193,202)
```

Similar Colors

Text with hexadecimal color #bec4ca

This text has a font color of #bec4ca.

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

#bec4ca background color

This paragraph has a background color of #bec4ca.

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

#bec4ca border color

This element has a border color of #bec4ca.

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

CSS codes

.text {color:#bec4ca;}

.background {background-color:#bec4ca;}

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

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, #090a0b is the darkest color, while #ffffff is the lightest one.

#090a0b
```
#090a0b rgb(9,10,11)
```
#111315
```
#111315 rgb(17,19,21)
```
#1a1d20
```
#1a1d20 rgb(26,29,32)
```
#23272b
```
#23272b rgb(35,39,43)
```
#2c3136
```
#2c3136 rgb(44,49,54)
```
#353b41
```
#353b41 rgb(53,59,65)
```
#3e454b
```
#3e454b rgb(62,69,75)
```
#464e56
```
#464e56 rgb(70,78,86)
```
#4f5861
```
#4f5861 rgb(79,88,97)
```
#58626c
```
#58626c rgb(88,98,108)
```
#616c77
```
#616c77 rgb(97,108,119)
```
#6a7681
```
#6a7681 rgb(106,118,129)
```
#727f8c
```
#727f8c rgb(114,127,140)
```

Shade Color Variation

#7d8995
```
#7d8995 rgb(125,137,149)
```
#88939e
```
#88939e rgb(136,147,158)
```
#939da7
```
#939da7 rgb(147,157,167)
```
#9ea7b0
```
#9ea7b0 rgb(158,167,176)
```
#a8b0b8
```
#a8b0b8 rgb(168,176,184)
```
#b3bac1
```
#b3bac1 rgb(179,186,193)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#c9ced3
```
#c9ced3 rgb(201,206,211)
```
#d4d8dc
```
#d4d8dc rgb(212,216,220)
```
#dee1e4
```
#dee1e4 rgb(222,225,228)
```
#e9ebed
```
#e9ebed rgb(233,235,237)
```
#f4f5f6
```
#f4f5f6 rgb(244,245,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c3c4c5
```
#c3c4c5 rgb(195,196,197)
```
#bec4ca
```
#bec4ca rgb(190,196,202)
```
#b9c4cf
```
#b9c4cf rgb(185,196,207)
```
#b5c4d3
```
#b5c4d3 rgb(181,196,211)
```
#b0c4d8
```
#b0c4d8 rgb(176,196,216)
```
#acc4dc
```
#acc4dc rgb(172,196,220)
```
#a7c4e1
```
#a7c4e1 rgb(167,196,225)
```
#a3c4e5
```
#a3c4e5 rgb(163,196,229)
```
#9ec4ea
```
#9ec4ea rgb(158,196,234)
```
#9ac4ee
```
#9ac4ee rgb(154,196,238)
```
#95c4f3
```
#95c4f3 rgb(149,196,243)
```
#91c4f7
```
#91c4f7 rgb(145,196,247)
```
#8cc4fc
```
#8cc4fc rgb(140,196,252)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c3c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c5cb Protanopia 1% of men
#d4c0ce Deuteranopia 1% of men
#c2c5d4 Tritanopia 0.001% of the population

Trichromacy

#c4c4cb Protanomaly 1% of men, 0.01% of women
#ccc1cd Deuteranomaly 6% of men, 0.4% of women
#c1c5d0 Tritanomaly 0.01% of the population

#bec4ca hex color

#bec4ca Color Information

#bec4ca Color Conversion

Color Schemes with #bec4ca

Alternatives to #bec4ca

#bec4ca Preview

Shades and Tints of #bec4ca

Tones of #bec4ca

Color Blindness Simulator