#bf2af4 hex color

In a RGB color space, hex #bf2af4 is composed of 74.9% red, 16.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 82.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 284.3 degrees, a saturation of 90.2% and a lightness of 56.1%. #bf2af4 color hex could be obtained by blending #ff54ff with #7f00e9. Closest websafe color is: #cc33ff.

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

● #bf2af4 color description : Bright violet.

The hexadecimal color #bf2af4 has RGB values of R:191, G:42, B:244 and CMYK values of C:0.22, M:0.83, Y:0, K:0.04. Its decimal value is 12528372.

Hex triplet	bf2af4	`#bf2af4`
RGB Decimal	191, 42, 244	`rgb(191,42,244)`
RGB Percent	74.9, 16.5, 95.7	`rgb(74.9%,16.5%,95.7%)`
CMYK	22, 83, 0, 4
HSL	284.3°, 90.2, 56.1	`hsl(284.3,90.2%,56.1%)`
HSV (or HSB)	284.3°, 82.8, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.996, 81.624, -70.266
XYZ	38.641, 19.265, 87.266
xyY	0.266, 0.133, 19.265
CIE-LCH	50.996, 107.703, 319.277
CIE-LUV	50.996, 42.687, -115.465
Hunter-Lab	43.892, 80.331, -87.155
Binary	10111111, 00101010, 11110100

#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#5ff42a
```
#5ff42a rgb(95,244,42)
```

Complementary Color

#5a2af4
```
#5a2af4 rgb(90,42,244)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#f42ac4
```
#f42ac4 rgb(244,42,196)
```

Analogous Color

#2af45a
```
#2af45a rgb(42,244,90)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#c4f42a
```
#c4f42a rgb(196,244,42)
```

Split Complementary Color

#2af4bf
```
#2af4bf rgb(42,244,191)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#f4bf2a
```
#f4bf2a rgb(244,191,42)
```

Triadic Color

#2a5ff4
```
#2a5ff4 rgb(42,95,244)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#f4bf2a
```
#f4bf2a rgb(244,191,42)
```
#5ff42a
```
#5ff42a rgb(95,244,42)
```

Tetradic Color

#960ac7
```
#960ac7 rgb(150,10,199)
```
#a80cdf
```
#a80cdf rgb(168,12,223)
```
#b812f3
```
#b812f3 rgb(184,18,243)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#c642f5
```
#c642f5 rgb(198,66,245)
```
#ce5af7
```
#ce5af7 rgb(206,90,247)
```
#d573f8
```
#d573f8 rgb(213,115,248)
```

Monochromatic Color

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

#8d2af4
```
#8d2af4 rgb(141,42,244)
```
#9d2af4
```
#9d2af4 rgb(157,42,244)
```
#ae2af4
```
#ae2af4 rgb(174,42,244)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#d02af4
```
#d02af4 rgb(208,42,244)
```
#e12af4
```
#e12af4 rgb(225,42,244)
```
#f22af4
```
#f22af4 rgb(242,42,244)
```

Similar Colors

Text with hexadecimal color #bf2af4

This text has a font color of #bf2af4.

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

#bf2af4 background color

This paragraph has a background color of #bf2af4.

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

#bf2af4 border color

This element has a border color of #bf2af4.

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

CSS codes

.text {color:#bf2af4;}

.background {background-color:#bf2af4;}

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

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, #08010b is the darkest color, while #fdf7ff is the lightest one.

#08010b
```
#08010b rgb(8,1,11)
```
#16021d
```
#16021d rgb(22,2,29)
```
#240230
```
#240230 rgb(36,2,48)
```
#320343
```
#320343 rgb(50,3,67)
```
#400455
```
#400455 rgb(64,4,85)
```
#4e0568
```
#4e0568 rgb(78,5,104)
```
#5c067b
```
#5c067b rgb(92,6,123)
```
#6a078d
```
#6a078d rgb(106,7,141)
```
#7808a0
```
#7808a0 rgb(120,8,160)
```
#8609b3
```
#8609b3 rgb(134,9,179)
```
#940ac5
```
#940ac5 rgb(148,10,197)
```
#a20bd8
```
#a20bd8 rgb(162,11,216)
```
#b00ceb
```
#b00ceb rgb(176,12,235)
```

Shade Color Variation

#b917f3
```
#b917f3 rgb(185,23,243)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#c53df5
```
#c53df5 rgb(197,61,245)
```
#ca4ff6
```
#ca4ff6 rgb(202,79,246)
```
#d062f7
```
#d062f7 rgb(208,98,247)
```
#d575f8
```
#d575f8 rgb(213,117,248)
```
#db87f9
```
#db87f9 rgb(219,135,249)
```
#e19afa
```
#e19afa rgb(225,154,250)
```
#e6adfb
```
#e6adfb rgb(230,173,251)
```
#ecbffc
```
#ecbffc rgb(236,191,252)
```
#f1d2fd
```
#f1d2fd rgb(241,210,253)
```
#f7e5fe
```
#f7e5fe rgb(247,229,254)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#928995
```
#928995 rgb(146,137,149)
```
#96809e
```
#96809e rgb(150,128,158)
```
#9a78a6
```
#9a78a6 rgb(154,120,166)
```
#9e6faf
```
#9e6faf rgb(158,111,175)
```
#a266b8
```
#a266b8 rgb(162,102,184)
```
#a65ec0
```
#a65ec0 rgb(166,94,192)
```
#ab55c9
```
#ab55c9 rgb(171,85,201)
```
#af4cd2
```
#af4cd2 rgb(175,76,210)
```
#b344da
```
#b344da rgb(179,68,218)
```
#b73be3
```
#b73be3 rgb(183,59,227)
```
#bb33eb
```
#bb33eb rgb(187,51,235)
```
#bf2af4
```
#bf2af4 rgb(191,42,244)
```
#c321fd
```
#c321fd rgb(195,33,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7e6089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#ac6f76 Tritanopia 0.001% of the population

Trichromacy

#455ef3 Protanomaly 1% of men, 0.01% of women
#4562e2 Deuteranomaly 6% of men, 0.4% of women
#b356a4 Tritanomaly 0.01% of the population

#bf2af4 hex color

#bf2af4 Color Information

#bf2af4 Color Conversion

Color Schemes with #bf2af4

Alternatives to #bf2af4

#bf2af4 Preview

Shades and Tints of #bf2af4

Tones of #bf2af4

Color Blindness Simulator