colorhexa.com

#bf30b4 hex color

In a RGB color space, hex #bf30b4 is composed of 74.9% red, 18.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 5.8% yellow and 25.1% black. It has a hue angle of 304.6 degrees, a saturation of 59.8% and a lightness of 46.9%. #bf30b4 color hex could be obtained by blending #ff60ff with #7f0069. Closest websafe color is: #cc33cc.

- R 75
- G 19
- B 71
RGB color chart
- C 0
- M 75
- Y 6
- K 25
CMYK color chart

● #bf30b4 color description : Moderate magenta.

The hexadecimal color #bf30b4 has RGB values of R:191, G:48, B:180 and CMYK values of C:0, M:0.75, Y:0.06, K:0.25. Its decimal value is 12529844.

Hex triplet	bf30b4	`#bf30b4`
RGB Decimal	191, 48, 180	`rgb(191,48,180)`
RGB Percent	74.9, 18.8, 70.6	`rgb(74.9%,18.8%,70.6%)`
CMYK	0, 75, 6, 25
HSL	304.6°, 59.8, 46.9	`hsl(304.6,59.8%,46.9%)`
HSV (or HSB)	304.6°, 74.9, 74.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.608, 69.188, -39.018
XYZ	30.781, 16.488, 44.739
xyY	0.335, 0.179, 16.488
CIE-LCH	47.608, 79.431, 330.58
CIE-LUV	47.608, 62.369, -67.115
Hunter-Lab	40.605, 64.253, -36.902
Binary	10111111, 00110000, 10110100

#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#30bf3b
```
#30bf3b rgb(48,191,59)
```

Complementary Color

#8330bf
```
#8330bf rgb(131,48,191)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#bf306d
```
#bf306d rgb(191,48,109)
```

Analogous Color

#30bf83
```
#30bf83 rgb(48,191,131)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#6dbf30
```
#6dbf30 rgb(109,191,48)
```

Split Complementary Color

#30b4bf
```
#30b4bf rgb(48,180,191)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#b4bf30
```
#b4bf30 rgb(180,191,48)
```

Triadic Color

#3b30bf
```
#3b30bf rgb(59,48,191)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#b4bf30
```
#b4bf30 rgb(180,191,48)
```
#30bf3b
```
#30bf3b rgb(48,191,59)
```

Tetradic Color

#82217a
```
#82217a rgb(130,33,122)
```
#96268e
```
#96268e rgb(150,38,142)
```
#ab2ba1
```
#ab2ba1 rgb(171,43,161)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#ce3bc2
```
#ce3bc2 rgb(206,59,194)
```
#d34fc9
```
#d34fc9 rgb(211,79,201)
```
#d864cf
```
#d864cf rgb(216,100,207)
```

Monochromatic Color

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

#a630bf
```
#a630bf rgb(166,48,191)
```
#b230bf
```
#b230bf rgb(178,48,191)
```
#be30bf
```
#be30bf rgb(190,48,191)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#bf30a8
```
#bf30a8 rgb(191,48,168)
```
#bf309c
```
#bf309c rgb(191,48,156)
```
#bf3090
```
#bf3090 rgb(191,48,144)
```

Similar Colors

Text with hexadecimal color #bf30b4

This text has a font color of #bf30b4.

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

#bf30b4 background color

This paragraph has a background color of #bf30b4.

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

#bf30b4 border color

This element has a border color of #bf30b4.

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

CSS codes

.text {color:#bf30b4;}

.background {background-color:#bf30b4;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#130511
```
#130511 rgb(19,5,17)
```
#220920
```
#220920 rgb(34,9,32)
```
#320d2f
```
#320d2f rgb(50,13,47)
```
#42103e
```
#42103e rgb(66,16,62)
```
#51144d
```
#51144d rgb(81,20,77)
```
#61185b
```
#61185b rgb(97,24,91)
```
#711c6a
```
#711c6a rgb(113,28,106)
```
#802079
```
#802079 rgb(128,32,121)
```
#902488
```
#902488 rgb(144,36,136)
```
#a02896
```
#a02896 rgb(160,40,150)
```
#af2ca5
```
#af2ca5 rgb(175,44,165)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```

Shade Color Variation

#cd36c1
```
#cd36c1 rgb(205,54,193)
```
#d046c6
```
#d046c6 rgb(208,70,198)
```
#d455cb
```
#d455cb rgb(212,85,203)
```
#d865cf
```
#d865cf rgb(216,101,207)
```
#dc75d4
```
#dc75d4 rgb(220,117,212)
```
#e084d9
```
#e084d9 rgb(224,132,217)
```
#e494de
```
#e494de rgb(228,148,222)
```
#e8a4e3
```
#e8a4e3 rgb(232,164,227)
```
#ecb4e8
```
#ecb4e8 rgb(236,180,232)
```
#f0c3ed
```
#f0c3ed rgb(240,195,237)
```
#f4d3f1
```
#f4d3f1 rgb(244,211,241)
```
#f8e3f6
```
#f8e3f6 rgb(248,227,246)
```
#fcf2fb
```
#fcf2fb rgb(252,242,251)
```

Tint Color Variation

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

#7f707e
```
#7f707e rgb(127,112,126)
```
#886785
```
#886785 rgb(136,103,133)
```
#915e8d
```
#915e8d rgb(145,94,141)
```
#9a5595
```
#9a5595 rgb(154,85,149)
```
#a34c9d
```
#a34c9d rgb(163,76,157)
```
#ad42a4
```
#ad42a4 rgb(173,66,164)
```
#b639ac
```
#b639ac rgb(182,57,172)
```
#bf30b4
```
#bf30b4 rgb(191,48,180)
```
#c827bc
```
#c827bc rgb(200,39,188)
```
#d11ec4
```
#d11ec4 rgb(209,30,196)
```
#db14cb
```
#db14cb rgb(219,20,203)
```
#e40bd3
```
#e40bd3 rgb(228,11,211)
```
#ed02db
```
#ed02db rgb(237,2,219)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7b5e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b74e2 Protanopia 1% of men
#6277a9 Deuteranopia 1% of men
#b85b60 Tritanopia 0.001% of the population

Trichromacy

#565bd1 Protanomaly 1% of men, 0.01% of women
#845dad Deuteranomaly 6% of men, 0.4% of women
#ba4b7f Tritanomaly 0.01% of the population