#bf31f6 hex color

In a RGB color space, hex #bf31f6 is composed of 74.9% red, 19.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 80.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 283.2 degrees, a saturation of 91.6% and a lightness of 57.8%. #bf31f6 color hex could be obtained by blending #ff62ff with #7f00ed. Closest websafe color is: #cc33ff.

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

● #bf31f6 color description : Bright violet.

The hexadecimal color #bf31f6 has RGB values of R:191, G:49, B:246 and CMYK values of C:0.22, M:0.8, Y:0, K:0.04. Its decimal value is 12530166.

Hex triplet	bf31f6	`#bf31f6`
RGB Decimal	191, 49, 246	`rgb(191,49,246)`
RGB Percent	74.9, 19.2, 96.5	`rgb(74.9%,19.2%,96.5%)`
CMYK	22, 80, 0, 4
HSL	283.2°, 91.6, 57.8	`hsl(283.2,91.6%,57.8%)`
HSV (or HSB)	283.2°, 80.1, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.756, 80.18, -70.154
XYZ	39.217, 19.928, 88.964
xyY	0.265, 0.135, 19.928
CIE-LCH	51.756, 106.538, 318.816
CIE-LUV	51.756, 41.331, -115.659
Hunter-Lab	44.641, 78.688, -86.909
Binary	10111111, 00110001, 11110110

#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#68f631
```
#68f631 rgb(104,246,49)
```

Complementary Color

#5d31f6
```
#5d31f6 rgb(93,49,246)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#f631cb
```
#f631cb rgb(246,49,203)
```

Analogous Color

#31f65d
```
#31f65d rgb(49,246,93)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#cbf631
```
#cbf631 rgb(203,246,49)
```

Split Complementary Color

#31f6bf
```
#31f6bf rgb(49,246,191)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#f6bf31
```
#f6bf31 rgb(246,191,49)
```

Triadic Color

#3168f6
```
#3168f6 rgb(49,104,246)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#f6bf31
```
#f6bf31 rgb(246,191,49)
```
#68f631
```
#68f631 rgb(104,246,49)
```

Tetradic Color

#9909d1
```
#9909d1 rgb(153,9,209)
```
#ab0aea
```
#ab0aea rgb(171,10,234)
```
#b719f5
```
#b719f5 rgb(183,25,245)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#c749f7
```
#c749f7 rgb(199,73,247)
```
#ce62f8
```
#ce62f8 rgb(206,98,248)
```
#d67af9
```
#d67af9 rgb(214,122,249)
```

Monochromatic Color

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

#8e31f6
```
#8e31f6 rgb(142,49,246)
```
#9e31f6
```
#9e31f6 rgb(158,49,246)
```
#af31f6
```
#af31f6 rgb(175,49,246)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#cf31f6
```
#cf31f6 rgb(207,49,246)
```
#e031f6
```
#e031f6 rgb(224,49,246)
```
#f031f6
```
#f031f6 rgb(240,49,246)
```

Similar Colors

Text with hexadecimal color #bf31f6

This text has a font color of #bf31f6.

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

#bf31f6 background color

This paragraph has a background color of #bf31f6.

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

#bf31f6 border color

This element has a border color of #bf31f6.

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

CSS codes

.text {color:#bf31f6;}

.background {background-color:#bf31f6;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0114
```
#0e0114 rgb(14,1,20)
```
#1c0226
```
#1c0226 rgb(28,2,38)
```
#2a0239
```
#2a0239 rgb(42,2,57)
```
#38034c
```
#38034c rgb(56,3,76)
```
#45045f
```
#45045f rgb(69,4,95)
```
#530572
```
#530572 rgb(83,5,114)
```
#610684
```
#610684 rgb(97,6,132)
```
#6f0797
```
#6f0797 rgb(111,7,151)
```
#7d07aa
```
#7d07aa rgb(125,7,170)
```
#8a08bd
```
#8a08bd rgb(138,8,189)
```
#9809cf
```
#9809cf rgb(152,9,207)
```
#a60ae2
```
#a60ae2 rgb(166,10,226)
```

Shade Color Variation

#b30bf4
```
#b30bf4 rgb(179,11,244)
```
#b91ef5
```
#b91ef5 rgb(185,30,245)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#c544f7
```
#c544f7 rgb(197,68,247)
```
#cb57f8
```
#cb57f8 rgb(203,87,248)
```
#d169f8
```
#d169f8 rgb(209,105,248)
```
#d67cf9
```
#d67cf9 rgb(214,124,249)
```
#dc8ffa
```
#dc8ffa rgb(220,143,250)
```
#e2a2fb
```
#e2a2fb rgb(226,162,251)
```
#e8b5fc
```
#e8b5fc rgb(232,181,252)
```
#eec7fd
```
#eec7fd rgb(238,199,253)
```
#f4dafd
```
#f4dafd rgb(244,218,253)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#978c9b
```
#978c9b rgb(151,140,155)
```
#9a84a3
```
#9a84a3 rgb(154,132,163)
```
#9e7bac
```
#9e7bac rgb(158,123,172)
```
#a273b4
```
#a273b4 rgb(162,115,180)
```
#a56bbc
```
#a56bbc rgb(165,107,188)
```
#a963c4
```
#a963c4 rgb(169,99,196)
```
#ad5acd
```
#ad5acd rgb(173,90,205)
```
#b052d5
```
#b052d5 rgb(176,82,213)
```
#b44add
```
#b44add rgb(180,74,221)
```
#b842e5
```
#b842e5 rgb(184,66,229)
```
#bb39ee
```
#bb39ee rgb(187,57,238)
```
#bf31f6
```
#bf31f6 rgb(191,49,246)
```
#c329fe
```
#c329fe rgb(195,41,254)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#81658c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0084db Deuteranopia 1% of men
#ac727a Tritanopia 0.001% of the population

Trichromacy

#4562f6 Protanomaly 1% of men, 0.01% of women
#4566e5 Deuteranomaly 6% of men, 0.4% of women
#b25aa7 Tritanomaly 0.01% of the population

#bf31f6 hex color

#bf31f6 Color Information

#bf31f6 Color Conversion

Color Schemes with #bf31f6

Alternatives to #bf31f6

#bf31f6 Preview

Shades and Tints of #bf31f6

Tones of #bf31f6

Color Blindness Simulator