#bec9f5 hex color

In a RGB color space, hex #bec9f5 is composed of 74.5% red, 78.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 18% magenta, 0% yellow and 3.9% black. It has a hue angle of 228 degrees, a saturation of 73.3% and a lightness of 85.3%. #bec9f5 color hex could be obtained by blending #ffffff with #7d93eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 79
- B 96
RGB color chart
- C 22
- M 18
- Y 0
- K 4
CMYK color chart

● #bec9f5 color description : Very soft blue.

The hexadecimal color #bec9f5 has RGB values of R:190, G:201, B:245 and CMYK values of C:0.22, M:0.18, Y:0, K:0.04. Its decimal value is 12503541.

Hex triplet	bec9f5	`#bec9f5`
RGB Decimal	190, 201, 245	`rgb(190,201,245)`
RGB Percent	74.5, 78.8, 96.1	`rgb(74.5%,78.8%,96.1%)`
CMYK	22, 18, 0, 4
HSL	228°, 73.3, 85.3	`hsl(228,73.3%,85.3%)`
HSV (or HSB)	228°, 22.4, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.463, 5.457, -22.898
XYZ	58.6, 59.312, 94.742
xyY	0.276, 0.279, 59.312
CIE-LCH	81.463, 23.539, 283.405
CIE-LUV	81.463, -8.111, -37.307
Hunter-Lab	77.014, 1.045, -19.028
Binary	10111110, 11001001, 11110101

#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#f5eabe
```
#f5eabe rgb(245,234,190)
```

Complementary Color

#bee5f5
```
#bee5f5 rgb(190,229,245)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#cfbef5
```
#cfbef5 rgb(207,190,245)
```

Analogous Color

#e5f5be
```
#e5f5be rgb(229,245,190)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#f5cfbe
```
#f5cfbe rgb(245,207,190)
```

Split Complementary Color

#c9f5be
```
#c9f5be rgb(201,245,190)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#f5bec9
```
#f5bec9 rgb(245,190,201)
```

Triadic Color

#bef5ea
```
#bef5ea rgb(190,245,234)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#f5bec9
```
#f5bec9 rgb(245,190,201)
```
#f5eabe
```
#f5eabe rgb(245,234,190)
```

Tetradic Color

#7c92eb
```
#7c92eb rgb(124,146,235)
```
#92a4ee
```
#92a4ee rgb(146,164,238)
```
#a8b7f2
```
#a8b7f2 rgb(168,183,242)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#d4dbf8
```
#d4dbf8 rgb(212,219,248)
```
#eaeefc
```
#eaeefc rgb(234,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bed7f5
```
#bed7f5 rgb(190,215,245)
```
#bed2f5
```
#bed2f5 rgb(190,210,245)
```
#becef5
```
#becef5 rgb(190,206,245)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#bec4f5
```
#bec4f5 rgb(190,196,245)
```
#bec0f5
```
#bec0f5 rgb(190,192,245)
```
#c1bef5
```
#c1bef5 rgb(193,190,245)
```

Similar Colors

Text with hexadecimal color #bec9f5

This text has a font color of #bec9f5.

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

#bec9f5 background color

This paragraph has a background color of #bec9f5.

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

#bec9f5 border color

This element has a border color of #bec9f5.

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

CSS codes

.text {color:#bec9f5;}

.background {background-color:#bec9f5;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#060c25
```
#060c25 rgb(6,12,37)
```
#081136
```
#081136 rgb(8,17,54)
```
#0b1747
```
#0b1747 rgb(11,23,71)
```
#0e1c58
```
#0e1c58 rgb(14,28,88)
```
#102269
```
#102269 rgb(16,34,105)
```
#13277a
```
#13277a rgb(19,39,122)
```
#152d8b
```
#152d8b rgb(21,45,139)
```
#18329c
```
#18329c rgb(24,50,156)
```
#1b38ad
```
#1b38ad rgb(27,56,173)
```
#1d3dbe
```
#1d3dbe rgb(29,61,190)
```
#2043cf
```
#2043cf rgb(32,67,207)
```

Shade Color Variation

#254add
```
#254add rgb(37,74,221)
```
#3658e0
```
#3658e0 rgb(54,88,224)
```
#4766e3
```
#4766e3 rgb(71,102,227)
```
#5874e5
```
#5874e5 rgb(88,116,229)
```
#6982e8
```
#6982e8 rgb(105,130,232)
```
#7a91eb
```
#7a91eb rgb(122,145,235)
```
#8b9fed
```
#8b9fed rgb(139,159,237)
```
#9cadf0
```
#9cadf0 rgb(156,173,240)
```
#adbbf2
```
#adbbf2 rgb(173,187,242)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#cfd7f8
```
#cfd7f8 rgb(207,215,248)
```
#e0e5fa
```
#e0e5fa rgb(224,229,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

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

#d8d9db
```
#d8d9db rgb(216,217,219)
```
#d5d7de
```
#d5d7de rgb(213,215,222)
```
#d2d5e1
```
#d2d5e1 rgb(210,213,225)
```
#cfd3e4
```
#cfd3e4 rgb(207,211,228)
```
#ccd2e7
```
#ccd2e7 rgb(204,210,231)
```
#cad0e9
```
#cad0e9 rgb(202,208,233)
```
#c7ceec
```
#c7ceec rgb(199,206,236)
```
#c4ccef
```
#c4ccef rgb(196,204,239)
```
#c1cbf2
```
#c1cbf2 rgb(193,203,242)
```
#bec9f5
```
#bec9f5 rgb(190,201,245)
```
#bbc7f8
```
#bbc7f8 rgb(187,199,248)
```
#b8c6fb
```
#b8c6fb rgb(184,198,251)
```
#b5c4fe
```
#b5c4fe rgb(181,196,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cbd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cbf5 Protanopia 1% of men
#cac9f6 Deuteranopia 1% of men
#bccfde Tritanopia 0.001% of the population

Trichromacy

#c1caf5 Protanomaly 1% of men, 0.01% of women
#c5c9f5 Deuteranomaly 6% of men, 0.4% of women
#bccde6 Tritanomaly 0.01% of the population

#bec9f5 hex color

#bec9f5 Color Information

#bec9f5 Color Conversion

Color Schemes with #bec9f5

Alternatives to #bec9f5

#bec9f5 Preview

Shades and Tints of #bec9f5

Tones of #bec9f5

Color Blindness Simulator