#bea2f5 hex color

In a RGB color space, hex #bea2f5 is composed of 74.5% red, 63.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 33.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 260.2 degrees, a saturation of 80.6% and a lightness of 79.8%. #bea2f5 color hex could be obtained by blending #ffffff with #7d45eb. Closest websafe color is: #cc99ff.

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

● #bea2f5 color description : Very soft violet.

The hexadecimal color #bea2f5 has RGB values of R:190, G:162, B:245 and CMYK values of C:0.22, M:0.34, Y:0, K:0.04. Its decimal value is 12493557.

Hex triplet	bea2f5	`#bea2f5`
RGB Decimal	190, 162, 245	`rgb(190,162,245)`
RGB Percent	74.5, 63.5, 96.1	`rgb(74.5%,63.5%,96.1%)`
CMYK	22, 34, 0, 4
HSL	260.2°, 80.6, 79.8	`hsl(260.2,80.6%,79.8%)`
HSV (or HSB)	260.2°, 33.9, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.812, 26.825, -37.736
XYZ	50.634, 43.38, 92.087
xyY	0.272, 0.233, 43.38
CIE-LCH	71.812, 46.299, 305.407
CIE-LUV	71.812, 8.717, -64.385
Hunter-Lab	65.864, 21.964, -36.791
Binary	10111110, 10100010, 11110101

#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#d9f5a2
```
#d9f5a2 rgb(217,245,162)
```

Complementary Color

#a2b0f5
```
#a2b0f5 rgb(162,176,245)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#e8a2f5
```
#e8a2f5 rgb(232,162,245)
```

Analogous Color

#b0f5a2
```
#b0f5a2 rgb(176,245,162)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#f5e8a2
```
#f5e8a2 rgb(245,232,162)
```

Split Complementary Color

#a2f5be
```
#a2f5be rgb(162,245,190)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#f5bea2
```
#f5bea2 rgb(245,190,162)
```

Triadic Color

#a2d9f5
```
#a2d9f5 rgb(162,217,245)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#f5bea2
```
#f5bea2 rgb(245,190,162)
```
#d9f5a2
```
#d9f5a2 rgb(217,245,162)
```

Tetradic Color

#8e5dee
```
#8e5dee rgb(142,93,238)
```
#9e74f0
```
#9e74f0 rgb(158,116,240)
```
#ae8bf3
```
#ae8bf3 rgb(174,139,243)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#ceb9f7
```
#ceb9f7 rgb(206,185,247)
```
#ded0fa
```
#ded0fa rgb(222,208,250)
```
#eee7fc
```
#eee7fc rgb(238,231,252)
```

Monochromatic Color

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

#a9a2f5
```
#a9a2f5 rgb(169,162,245)
```
#b0a2f5
```
#b0a2f5 rgb(176,162,245)
```
#b7a2f5
```
#b7a2f5 rgb(183,162,245)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#c5a2f5
```
#c5a2f5 rgb(197,162,245)
```
#cca2f5
```
#cca2f5 rgb(204,162,245)
```
#d3a2f5
```
#d3a2f5 rgb(211,162,245)
```

Similar Colors

Text with hexadecimal color #bea2f5

This text has a font color of #bea2f5.

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

#bea2f5 background color

This paragraph has a background color of #bea2f5.

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

#bea2f5 border color

This element has a border color of #bea2f5.

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

CSS codes

.text {color:#bea2f5;}

.background {background-color:#bea2f5;}

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

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, #05010d is the darkest color, while #fcfbff is the lightest one.

#05010d
```
#05010d rgb(5,1,13)
```
#0d031f
```
#0d031f rgb(13,3,31)
```
#140531
```
#140531 rgb(20,5,49)
```
#1b0742
```
#1b0742 rgb(27,7,66)
```
#220954
```
#220954 rgb(34,9,84)
```
#2a0b66
```
#2a0b66 rgb(42,11,102)
```
#310d78
```
#310d78 rgb(49,13,120)
```
#380f89
```
#380f89 rgb(56,15,137)
```
#3f119b
```
#3f119b rgb(63,17,155)
```
#4713ad
```
#4713ad rgb(71,19,173)
```
#4e14be
```
#4e14be rgb(78,20,190)
```
#5516d0
```
#5516d0 rgb(85,22,208)
```
#5c18e2
```
#5c18e2 rgb(92,24,226)
```

Shade Color Variation

#6726e8
```
#6726e8 rgb(103,38,232)
```
#7438ea
```
#7438ea rgb(116,56,234)
```
#8049eb
```
#8049eb rgb(128,73,235)
```
#8c5bed
```
#8c5bed rgb(140,91,237)
```
#996def
```
#996def rgb(153,109,239)
```
#a57ff1
```
#a57ff1 rgb(165,127,241)
```
#b290f3
```
#b290f3 rgb(178,144,243)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#cab4f7
```
#cab4f7 rgb(202,180,247)
```
#d7c5f9
```
#d7c5f9 rgb(215,197,249)
```
#e3d7fb
```
#e3d7fb rgb(227,215,251)
```
#f0e9fd
```
#f0e9fd rgb(240,233,253)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#cbcacd
```
#cbcacd rgb(203,202,205)
```
#cac6d1
```
#cac6d1 rgb(202,198,209)
```
#c8c2d5
```
#c8c2d5 rgb(200,194,213)
```
#c7bed9
```
#c7bed9 rgb(199,190,217)
```
#c6badd
```
#c6badd rgb(198,186,221)
```
#c4b6e1
```
#c4b6e1 rgb(196,182,225)
```
#c3b2e5
```
#c3b2e5 rgb(195,178,229)
```
#c2aee9
```
#c2aee9 rgb(194,174,233)
```
#c1aaed
```
#c1aaed rgb(193,170,237)
```
#bfa6f1
```
#bfa6f1 rgb(191,166,241)
```
#bea2f5
```
#bea2f5 rgb(190,162,245)
```
#bd9ef9
```
#bd9ef9 rgb(189,158,249)
```
#bb9afd
```
#bb9afd rgb(187,154,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b6b0c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99b1fd Protanopia 1% of men
#9eb2f1 Deuteranopia 1% of men
#b5b2bf Tritanopia 0.001% of the population

Trichromacy

#a6abfa Protanomaly 1% of men, 0.01% of women
#aaacf2 Deuteranomaly 6% of men, 0.4% of women
#b8acd2 Tritanomaly 0.01% of the population

#bea2f5 hex color

#bea2f5 Color Information

#bea2f5 Color Conversion

Color Schemes with #bea2f5

Alternatives to #bea2f5

#bea2f5 Preview

Shades and Tints of #bea2f5

Tones of #bea2f5

Color Blindness Simulator