#bea5f4 hex color

In a RGB color space, hex #bea5f4 is composed of 74.5% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 259 degrees, a saturation of 78.2% and a lightness of 80.2%. #bea5f4 color hex could be obtained by blending #ffffff with #7d4be9. Closest websafe color is: #cc99ff.

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

● #bea5f4 color description : Very soft violet.

The hexadecimal color #bea5f4 has RGB values of R:190, G:165, B:244 and CMYK values of C:0.22, M:0.32, Y:0, K:0.04. Its decimal value is 12494324.

Hex triplet	bea5f4	`#bea5f4`
RGB Decimal	190, 165, 244	`rgb(190,165,244)`
RGB Percent	74.5, 64.7, 95.7	`rgb(74.5%,64.7%,95.7%)`
CMYK	22, 32, 0, 4
HSL	259°, 78.2, 80.2	`hsl(259,78.2%,80.2%)`
HSV (or HSB)	259°, 32.4, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.488, 24.932, -36.144
XYZ	51.017, 44.389, 91.463
xyY	0.273, 0.238, 44.389
CIE-LCH	72.488, 43.908, 304.598
CIE-LUV	72.488, 7.567, -61.54
Hunter-Lab	66.625, 20.088, -34.756
Binary	10111110, 10100101, 11110100

#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#dbf4a5
```
#dbf4a5 rgb(219,244,165)
```

Complementary Color

#a5b4f4
```
#a5b4f4 rgb(165,180,244)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#e6a5f4
```
#e6a5f4 rgb(230,165,244)
```

Analogous Color

#b4f4a5
```
#b4f4a5 rgb(180,244,165)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#f4e6a5
```
#f4e6a5 rgb(244,230,165)
```

Split Complementary Color

#a5f4be
```
#a5f4be rgb(165,244,190)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#f4bea5
```
#f4bea5 rgb(244,190,165)
```

Triadic Color

#a5dbf4
```
#a5dbf4 rgb(165,219,244)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#f4bea5
```
#f4bea5 rgb(244,190,165)
```
#dbf4a5
```
#dbf4a5 rgb(219,244,165)
```

Tetradic Color

#8d61ec
```
#8d61ec rgb(141,97,236)
```
#9d78ee
```
#9d78ee rgb(157,120,238)
```
#ae8ef1
```
#ae8ef1 rgb(174,142,241)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#cebcf7
```
#cebcf7 rgb(206,188,247)
```
#dfd2fa
```
#dfd2fa rgb(223,210,250)
```
#efe9fc
```
#efe9fc rgb(239,233,252)
```

Monochromatic Color

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

#aaa5f4
```
#aaa5f4 rgb(170,165,244)
```
#b1a5f4
```
#b1a5f4 rgb(177,165,244)
```
#b7a5f4
```
#b7a5f4 rgb(183,165,244)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#c5a5f4
```
#c5a5f4 rgb(197,165,244)
```
#cba5f4
```
#cba5f4 rgb(203,165,244)
```
#d2a5f4
```
#d2a5f4 rgb(210,165,244)
```

Similar Colors

Text with hexadecimal color #bea5f4

This text has a font color of #bea5f4.

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

#bea5f4 background color

This paragraph has a background color of #bea5f4.

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

#bea5f4 border color

This element has a border color of #bea5f4.

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

CSS codes

.text {color:#bea5f4;}

.background {background-color:#bea5f4;}

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

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, #06020f is the darkest color, while #fdfcff is the lightest one.

#06020f
```
#06020f rgb(6,2,15)
```
#0d0420
```
#0d0420 rgb(13,4,32)
```
#140632
```
#140632 rgb(20,6,50)
```
#1b0843
```
#1b0843 rgb(27,8,67)
```
#220a55
```
#220a55 rgb(34,10,85)
```
#290c66
```
#290c66 rgb(41,12,102)
```
#300f78
```
#300f78 rgb(48,15,120)
```
#371189
```
#371189 rgb(55,17,137)
```
#3e139b
```
#3e139b rgb(62,19,155)
```
#4515ac
```
#4515ac rgb(69,21,172)
```
#4c17be
```
#4c17be rgb(76,23,190)
```
#5319cf
```
#5319cf rgb(83,25,207)
```
#5a1be1
```
#5a1be1 rgb(90,27,225)
```

Shade Color Variation

#662be5
```
#662be5 rgb(102,43,229)
```
#723ce7
```
#723ce7 rgb(114,60,231)
```
#7f4ee9
```
#7f4ee9 rgb(127,78,233)
```
#8c5feb
```
#8c5feb rgb(140,95,235)
```
#9871ee
```
#9871ee rgb(152,113,238)
```
#a582f0
```
#a582f0 rgb(165,130,240)
```
#b194f2
```
#b194f2 rgb(177,148,242)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#cbb6f6
```
#cbb6f6 rgb(203,182,246)
```
#d7c8f8
```
#d7c8f8 rgb(215,200,248)
```
#e4d9fa
```
#e4d9fa rgb(228,217,250)
```
#f0ebfd
```
#f0ebfd rgb(240,235,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#cccccd
```
#cccccd rgb(204,204,205)
```
#cbc8d1
```
#cbc8d1 rgb(203,200,209)
```
#c9c4d5
```
#c9c4d5 rgb(201,196,213)
```
#c8c0d9
```
#c8c0d9 rgb(200,192,217)
```
#c7bcdd
```
#c7bcdd rgb(199,188,221)
```
#c5b8e1
```
#c5b8e1 rgb(197,184,225)
```
#c4b5e4
```
#c4b5e4 rgb(196,181,228)
```
#c2b1e8
```
#c2b1e8 rgb(194,177,232)
```
#c1adec
```
#c1adec rgb(193,173,236)
```
#bfa9f0
```
#bfa9f0 rgb(191,169,240)
```
#bea5f4
```
#bea5f4 rgb(190,165,244)
```
#bda1f8
```
#bda1f8 rgb(189,161,248)
```
#bb9dfc
```
#bb9dfc rgb(187,157,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b7b2c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db3fb Protanopia 1% of men
#a2b3f1 Deuteranopia 1% of men
#b6b4c1 Tritanopia 0.001% of the population

Trichromacy

#a9aef8 Protanomaly 1% of men, 0.01% of women
#acaef2 Deuteranomaly 6% of men, 0.4% of women
#b9aed3 Tritanomaly 0.01% of the population

#bea5f4 hex color

#bea5f4 Color Information

#bea5f4 Color Conversion

Color Schemes with #bea5f4

Alternatives to #bea5f4

#bea5f4 Preview

Shades and Tints of #bea5f4

Tones of #bea5f4

Color Blindness Simulator