#bec3cc hex color

In a RGB color space, hex #bec3cc is composed of 74.5% red, 76.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 4.4% magenta, 0% yellow and 20% black. It has a hue angle of 218.6 degrees, a saturation of 12.1% and a lightness of 77.3%. #bec3cc color hex could be obtained by blending #ffffff with #7d8799. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 76
- B 80
RGB color chart
- C 7
- M 4
- Y 0
- K 20
CMYK color chart

● #bec3cc color description : Grayish blue.

The hexadecimal color #bec3cc has RGB values of R:190, G:195, B:204 and CMYK values of C:0.07, M:0.04, Y:0, K:0.2. Its decimal value is 12501964.

Hex triplet	bec3cc	`#bec3cc`
RGB Decimal	190, 195, 204	`rgb(190,195,204)`
RGB Percent	74.5, 76.5, 80	`rgb(74.5%,76.5%,80%)`
CMYK	7, 4, 0, 20
HSL	218.6°, 12.1, 77.3	`hsl(218.6,12.1%,77.3%)`
HSV (or HSB)	218.6°, 6.9, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.658, 0.005, -5.105
XYZ	51.647, 54.337, 64.891
xyY	0.302, 0.318, 54.337
CIE-LCH	78.658, 5.105, 270.056
CIE-LUV	78.658, -3.268, -7.753
Hunter-Lab	73.713, -3.933, -0.594
Binary	10111110, 11000011, 11001100

#bec3cc
```
#bec3cc rgb(190,195,204)
```
#ccc7be
```
#ccc7be rgb(204,199,190)
```

Complementary Color

#becacc
```
#becacc rgb(190,202,204)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#c0becc
```
#c0becc rgb(192,190,204)
```

Analogous Color

#caccbe
```
#caccbe rgb(202,204,190)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#ccc0be
```
#ccc0be rgb(204,192,190)
```

Split Complementary Color

#c3ccbe
```
#c3ccbe rgb(195,204,190)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#ccbec3
```
#ccbec3 rgb(204,190,195)
```

Triadic Color

#beccc7
```
#beccc7 rgb(190,204,199)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#ccbec3
```
#ccbec3 rgb(204,190,195)
```
#ccc7be
```
#ccc7be rgb(204,199,190)
```

Tetradic Color

#939baa
```
#939baa rgb(147,155,170)
```
#a1a9b6
```
#a1a9b6 rgb(161,169,182)
```
#b0b6c1
```
#b0b6c1 rgb(176,182,193)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#ccd0d7
```
#ccd0d7 rgb(204,208,215)
```
#dbdde2
```
#dbdde2 rgb(219,221,226)
```
#e9ebee
```
#e9ebee rgb(233,235,238)
```

Monochromatic Color

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

#bec7cc
```
#bec7cc rgb(190,199,204)
```
#bec5cc
```
#bec5cc rgb(190,197,204)
```
#bec4cc
```
#bec4cc rgb(190,196,204)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#bec2cc
```
#bec2cc rgb(190,194,204)
```
#bec1cc
```
#bec1cc rgb(190,193,204)
```
#bec0cc
```
#bec0cc rgb(190,192,204)
```

Similar Colors

Text with hexadecimal color #bec3cc

This text has a font color of #bec3cc.

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

#bec3cc background color

This paragraph has a background color of #bec3cc.

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

#bec3cc border color

This element has a border color of #bec3cc.

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

CSS codes

.text {color:#bec3cc;}

.background {background-color:#bec3cc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#121417
```
#121417 rgb(18,20,23)
```
#1b1d22
```
#1b1d22 rgb(27,29,34)
```
#23272d
```
#23272d rgb(35,39,45)
```
#2c3038
```
#2c3038 rgb(44,48,56)
```
#343a43
```
#343a43 rgb(52,58,67)
```
#3d434e
```
#3d434e rgb(61,67,78)
```
#464d59
```
#464d59 rgb(70,77,89)
```
#4e5664
```
#4e5664 rgb(78,86,100)
```
#57606f
```
#57606f rgb(87,96,111)
```
#60697a
```
#60697a rgb(96,105,122)
```
#687285
```
#687285 rgb(104,114,133)
```

Shade Color Variation

#717c90
```
#717c90 rgb(113,124,144)
```
#7c8698
```
#7c8698 rgb(124,134,152)
```
#8790a1
```
#8790a1 rgb(135,144,161)
```
#929aaa
```
#929aaa rgb(146,154,170)
```
#9da5b2
```
#9da5b2 rgb(157,165,178)
```
#a8afbb
```
#a8afbb rgb(168,175,187)
```
#b3b9c3
```
#b3b9c3 rgb(179,185,195)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#c9cdd5
```
#c9cdd5 rgb(201,205,213)
```
#d4d7dd
```
#d4d7dd rgb(212,215,221)
```
#dfe1e6
```
#dfe1e6 rgb(223,225,230)
```
#eaecee
```
#eaecee rgb(234,236,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#c2c4c8
```
#c2c4c8 rgb(194,196,200)
```
#bec3cc
```
#bec3cc rgb(190,195,204)
```
#bac2d0
```
#bac2d0 rgb(186,194,208)
```
#b5c0d5
```
#b5c0d5 rgb(181,192,213)
```
#b1bfd9
```
#b1bfd9 rgb(177,191,217)
```
#acbede
```
#acbede rgb(172,190,222)
```
#a8bde2
```
#a8bde2 rgb(168,189,226)
```
#a3bbe7
```
#a3bbe7 rgb(163,187,231)
```
#9fbaeb
```
#9fbaeb rgb(159,186,235)
```
#9ab9f0
```
#9ab9f0 rgb(154,185,240)
```
#96b8f4
```
#96b8f4 rgb(150,184,244)
```
#91b6f9
```
#91b6f9 rgb(145,182,249)
```
#8db5fd
```
#8db5fd rgb(141,181,253)
```

Tone Color Variation

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

Dichromacy

#c6c4cd Protanopia 1% of men
#d2c0d0 Deuteranopia 1% of men
#c2c5d3 Tritanopia 0.001% of the population

Trichromacy

#c3c4cd Protanomaly 1% of men, 0.01% of women
#cbc1ce Deuteranomaly 6% of men, 0.4% of women
#c0c4d0 Tritanomaly 0.01% of the population

#bec3cc hex color

#bec3cc Color Information

#bec3cc Color Conversion

Color Schemes with #bec3cc

Alternatives to #bec3cc

#bec3cc Preview

Shades and Tints of #bec3cc

Tones of #bec3cc

Color Blindness Simulator