#bf45f3 hex color

In a RGB color space, hex #bf45f3 is composed of 74.9% red, 27.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 71.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 282.1 degrees, a saturation of 87.9% and a lightness of 61.2%. #bf45f3 color hex could be obtained by blending #ff8aff with #7f00e7. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 75
- G 27
- B 95
RGB color chart
- C 21
- M 72
- Y 0
- K 5
CMYK color chart

● #bf45f3 color description : Bright violet.

The hexadecimal color #bf45f3 has RGB values of R:191, G:69, B:243 and CMYK values of C:0.21, M:0.72, Y:0, K:0.05. Its decimal value is 12535283.

Hex triplet	bf45f3	`#bf45f3`
RGB Decimal	191, 69, 243	`rgb(191,69,243)`
RGB Percent	74.9, 27.1, 95.3	`rgb(74.9%,27.1%,95.3%)`
CMYK	21, 72, 0, 5
HSL	282.1°, 87.9, 61.2	`hsl(282.1,87.9%,61.2%)`
HSV (or HSB)	282.1°, 71.6, 95.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.82, 73.09, -65.14
XYZ	39.79, 21.805, 86.902
xyY	0.268, 0.147, 21.805
CIE-LCH	53.82, 97.904, 318.292
CIE-LUV	53.82, 39.02, -108.887
Hunter-Lab	46.696, 70.382, -77.653
Binary	10111111, 01000101, 11110011

#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#79f345
```
#79f345 rgb(121,243,69)
```

Complementary Color

#6845f3
```
#6845f3 rgb(104,69,243)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#f345d0
```
#f345d0 rgb(243,69,208)
```

Analogous Color

#45f368
```
#45f368 rgb(69,243,104)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#d0f345
```
#d0f345 rgb(208,243,69)
```

Split Complementary Color

#45f3bf
```
#45f3bf rgb(69,243,191)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#f3bf45
```
#f3bf45 rgb(243,191,69)
```

Triadic Color

#4579f3
```
#4579f3 rgb(69,121,243)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#f3bf45
```
#f3bf45 rgb(243,191,69)
```
#79f345
```
#79f345 rgb(121,243,69)
```

Tetradic Color

#9f0edd
```
#9f0edd rgb(159,14,221)
```
#af15f0
```
#af15f0 rgb(175,21,240)
```
#b72df1
```
#b72df1 rgb(183,45,241)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#c75df5
```
#c75df5 rgb(199,93,245)
```
#cf75f6
```
#cf75f6 rgb(207,117,246)
```
#d88df8
```
#d88df8 rgb(216,141,248)
```

Monochromatic Color

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

#9445f3
```
#9445f3 rgb(148,69,243)
```
#a245f3
```
#a245f3 rgb(162,69,243)
```
#b145f3
```
#b145f3 rgb(177,69,243)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#ce45f3
```
#ce45f3 rgb(206,69,243)
```
#dc45f3
```
#dc45f3 rgb(220,69,243)
```
#eb45f3
```
#eb45f3 rgb(235,69,243)
```

Similar Colors

Text with hexadecimal color #bf45f3

This text has a font color of #bf45f3.

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

#bf45f3 background color

This paragraph has a background color of #bf45f3.

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

#bf45f3 border color

This element has a border color of #bf45f3.

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

CSS codes

.text {color:#bf45f3;}

.background {background-color:#bf45f3;}

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

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, #0c0111 is the darkest color, while #fefdff is the lightest one.

#0c0111
```
#0c0111 rgb(12,1,17)
```
#190223
```
#190223 rgb(25,2,35)
```
#270336
```
#270336 rgb(39,3,54)
```
#340548
```
#340548 rgb(52,5,72)
```
#41065a
```
#41065a rgb(65,6,90)
```
#4e076d
```
#4e076d rgb(78,7,109)
```
#5c087f
```
#5c087f rgb(92,8,127)
```
#690992
```
#690992 rgb(105,9,146)
```
#760ba4
```
#760ba4 rgb(118,11,164)
```
#840cb7
```
#840cb7 rgb(132,12,183)
```
#910dc9
```
#910dc9 rgb(145,13,201)
```
#9e0edb
```
#9e0edb rgb(158,14,219)
```
#ab0fee
```
#ab0fee rgb(171,15,238)
```

Shade Color Variation

#b220f1
```
#b220f1 rgb(178,32,241)
```
#b933f2
```
#b933f2 rgb(185,51,242)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#c557f4
```
#c557f4 rgb(197,87,244)
```
#cc6af5
```
#cc6af5 rgb(204,106,245)
```
#d27cf7
```
#d27cf7 rgb(210,124,247)
```
#d88ff8
```
#d88ff8 rgb(216,143,248)
```
#dfa1f9
```
#dfa1f9 rgb(223,161,249)
```
#e5b4fa
```
#e5b4fa rgb(229,180,250)
```
#ebc6fb
```
#ebc6fb rgb(235,198,251)
```
#f2d8fd
```
#f2d8fd rgb(242,216,253)
```
#f8ebfe
```
#f8ebfe rgb(248,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#9d999f
```
#9d999f rgb(157,153,159)
```
#a091a7
```
#a091a7 rgb(160,145,167)
```
#a38aae
```
#a38aae rgb(163,138,174)
```
#a682b6
```
#a682b6 rgb(166,130,182)
```
#aa7abe
```
#aa7abe rgb(170,122,190)
```
#ad73c5
```
#ad73c5 rgb(173,115,197)
```
#b06bcd
```
#b06bcd rgb(176,107,205)
```
#b363d5
```
#b363d5 rgb(179,99,213)
```
#b65cdc
```
#b65cdc rgb(182,92,220)
```
#b954e4
```
#b954e4 rgb(185,84,228)
```
#bc4deb
```
#bc4deb rgb(188,77,235)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#c23dfb
```
#c23dfb rgb(194,61,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8a7295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1783ff Protanopia 1% of men
#2b89e1 Deuteranopia 1% of men
#ad7881 Tritanopia 0.001% of the population

Trichromacy

#546cfa Protanomaly 1% of men, 0.01% of women
#6070e8 Deuteranomaly 6% of men, 0.4% of women
#b366aa Tritanomaly 0.01% of the population

#bf45f3 hex color

#bf45f3 Color Information

#bf45f3 Color Conversion

Color Schemes with #bf45f3

Alternatives to #bf45f3

#bf45f3 Preview

Shades and Tints of #bf45f3

Tones of #bf45f3

Color Blindness Simulator