#bec1f9 hex color

In a RGB color space, hex #bec1f9 is composed of 74.5% red, 75.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 22.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 236.9 degrees, a saturation of 83.1% and a lightness of 86.1%. #bec1f9 color hex could be obtained by blending #ffffff with #7d83f3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 76
- B 98
RGB color chart
- C 24
- M 22
- Y 0
- K 2
CMYK color chart

● #bec1f9 color description : Very soft blue.

The hexadecimal color #bec1f9 has RGB values of R:190, G:193, B:249 and CMYK values of C:0.24, M:0.22, Y:0, K:0.02. Its decimal value is 12501497.

Hex triplet	bec1f9	`#bec1f9`
RGB Decimal	190, 193, 249	`rgb(190,193,249)`
RGB Percent	74.5, 75.7, 97.6	`rgb(74.5%,75.7%,97.6%)`
CMYK	24, 22, 0, 2
HSL	236.9°, 83.1, 86.1	`hsl(236.9,83.1%,86.1%)`
HSV (or HSB)	236.9°, 23.7, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.572, 10.686, -27.92
XYZ	57.401, 55.926, 97.388
xyY	0.272, 0.265, 55.926
CIE-LCH	79.572, 29.895, 290.944
CIE-LUV	79.572, -4.805, -46.36
Hunter-Lab	74.784, 6.138, -24.863
Binary	10111110, 11000001, 11111001

#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#f9f6be
```
#f9f6be rgb(249,246,190)
```

Complementary Color

#bedff9
```
#bedff9 rgb(190,223,249)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#d9bef9
```
#d9bef9 rgb(217,190,249)
```

Analogous Color

#dff9be
```
#dff9be rgb(223,249,190)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#f9d9be
```
#f9d9be rgb(249,217,190)
```

Split Complementary Color

#c1f9be
```
#c1f9be rgb(193,249,190)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#f9bec1
```
#f9bec1 rgb(249,190,193)
```

Triadic Color

#bef9f6
```
#bef9f6 rgb(190,249,246)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#f9bec1
```
#f9bec1 rgb(249,190,193)
```
#f9f6be
```
#f9f6be rgb(249,246,190)
```

Tetradic Color

#787ef3
```
#787ef3 rgb(120,126,243)
```
#8f94f5
```
#8f94f5 rgb(143,148,245)
```
#a7abf7
```
#a7abf7 rgb(167,171,247)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#d5d7fb
```
#d5d7fb rgb(213,215,251)
```
#edeefd
```
#edeefd rgb(237,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bed0f9
```
#bed0f9 rgb(190,208,249)
```
#becbf9
```
#becbf9 rgb(190,203,249)
```
#bec6f9
```
#bec6f9 rgb(190,198,249)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#c0bef9
```
#c0bef9 rgb(192,190,249)
```
#c5bef9
```
#c5bef9 rgb(197,190,249)
```
#cabef9
```
#cabef9 rgb(202,190,249)
```

Similar Colors

Text with hexadecimal color #bec1f9

This text has a font color of #bec1f9.

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

#bec1f9 background color

This paragraph has a background color of #bec1f9.

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

#bec1f9 border color

This element has a border color of #bec1f9.

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

CSS codes

.text {color:#bec1f9;}

.background {background-color:#bec1f9;}

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

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

#010107
```
#010107 rgb(1,1,7)
```
#020319
```
#020319 rgb(2,3,25)
```
#04062b
```
#04062b rgb(4,6,43)
```
#06083d
```
#06083d rgb(6,8,61)
```
#070b4f
```
#070b4f rgb(7,11,79)
```
#090d61
```
#090d61 rgb(9,13,97)
```
#0b1073
```
#0b1073 rgb(11,16,115)
```
#0c1285
```
#0c1285 rgb(12,18,133)
```
#0e1596
```
#0e1596 rgb(14,21,150)
```
#1017a8
```
#1017a8 rgb(16,23,168)
```
#111aba
```
#111aba rgb(17,26,186)
```
#131ccc
```
#131ccc rgb(19,28,204)
```
#151fde
```
#151fde rgb(21,31,222)
```

Shade Color Variation

#1c27ea
```
#1c27ea rgb(28,39,234)
```
#2e38ec
```
#2e38ec rgb(46,56,236)
```
#4049ed
```
#4049ed rgb(64,73,237)
```
#525aef
```
#525aef rgb(82,90,239)
```
#646bf1
```
#646bf1 rgb(100,107,241)
```
#767cf2
```
#767cf2 rgb(118,124,242)
```
#888ef4
```
#888ef4 rgb(136,142,244)
```
#9a9ff6
```
#9a9ff6 rgb(154,159,246)
```
#acb0f7
```
#acb0f7 rgb(172,176,247)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#d0d2fb
```
#d0d2fb rgb(208,210,251)
```
#e2e3fc
```
#e2e3fc rgb(226,227,252)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#d9dade
```
#d9dade rgb(217,218,222)
```
#d7d7e0
```
#d7d7e0 rgb(215,215,224)
```
#d4d5e3
```
#d4d5e3 rgb(212,213,227)
```
#d1d2e6
```
#d1d2e6 rgb(209,210,230)
```
#ced0e9
```
#ced0e9 rgb(206,208,233)
```
#cccdeb
```
#cccdeb rgb(204,205,235)
```
#c9cbee
```
#c9cbee rgb(201,203,238)
```
#c6c8f1
```
#c6c8f1 rgb(198,200,241)
```
#c3c6f4
```
#c3c6f4 rgb(195,198,244)
```
#c1c3f6
```
#c1c3f6 rgb(193,195,246)
```
#bec1f9
```
#bec1f9 rgb(190,193,249)
```
#bbbffc
```
#bbbffc rgb(187,191,252)
```
#b9bcfe
```
#b9bcfe rgb(185,188,254)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c5d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c6fa Protanopia 1% of men
#bfc4f9 Deuteranopia 1% of men
#b9cad8 Tritanopia 0.001% of the population

Trichromacy

#bbc4f9 Protanomaly 1% of men, 0.01% of women
#bfc3f9 Deuteranomaly 6% of men, 0.4% of women
#bbc6e4 Tritanomaly 0.01% of the population

#bec1f9 hex color

#bec1f9 Color Information

#bec1f9 Color Conversion

Color Schemes with #bec1f9

Alternatives to #bec1f9

#bec1f9 Preview

Shades and Tints of #bec1f9

Tones of #bec1f9

Color Blindness Simulator