#b504f5 hex color

In a RGB color space, hex #b504f5 is composed of 71% red, 1.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 98.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 284.1 degrees, a saturation of 96.8% and a lightness of 48.8%. #b504f5 color hex could be obtained by blending #ff08ff with #6b00eb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 71
- G 2
- B 96
RGB color chart
- C 26
- M 98
- Y 0
- K 4
CMYK color chart

● #b504f5 color description : Vivid violet.

The hexadecimal color #b504f5 has RGB values of R:181, G:4, B:245 and CMYK values of C:0.26, M:0.98, Y:0, K:0.04. Its decimal value is 11863285.

Hex triplet	b504f5	`#b504f5`
RGB Decimal	181, 4, 245	`rgb(181,4,245)`
RGB Percent	71, 1.6, 96.1	`rgb(71%,1.6%,96.1%)`
CMYK	26, 98, 0, 4
HSL	284.1°, 96.8, 48.8	`hsl(284.1,96.8%,48.8%)`
HSV (or HSB)	284.1°, 98.4, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.629, 86.082, -76.373
XYZ	35.579, 16.504, 87.693
xyY	0.255, 0.118, 16.504
CIE-LCH	47.629, 115.078, 318.42
CIE-LUV	47.629, 38.825, -121.605
Hunter-Lab	40.626, 85.23, -99.543
Binary	10110101, 00000100, 11110101

#b504f5
```
#b504f5 rgb(181,4,245)
```
#44f504
```
#44f504 rgb(68,245,4)
```

Complementary Color

#3d04f5
```
#3d04f5 rgb(61,4,245)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#f504bd
```
#f504bd rgb(245,4,189)
```

Analogous Color

#04f53d
```
#04f53d rgb(4,245,61)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#bdf504
```
#bdf504 rgb(189,245,4)
```

Split Complementary Color

#04f5b5
```
#04f5b5 rgb(4,245,181)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#f5b504
```
#f5b504 rgb(245,181,4)
```

Triadic Color

#0444f5
```
#0444f5 rgb(4,68,245)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#f5b504
```
#f5b504 rgb(245,181,4)
```
#44f504
```
#44f504 rgb(68,245,4)
```

Tetradic Color

#7d03aa
```
#7d03aa rgb(125,3,170)
```
#9003c3
```
#9003c3 rgb(144,3,195)
```
#a204dc
```
#a204dc rgb(162,4,220)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#bf17fb
```
#bf17fb rgb(191,23,251)
```
#c630fc
```
#c630fc rgb(198,48,252)
```
#cd49fc
```
#cd49fc rgb(205,73,252)
```

Monochromatic Color

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

#7904f5
```
#7904f5 rgb(121,4,245)
```
#8d04f5
```
#8d04f5 rgb(141,4,245)
```
#a104f5
```
#a104f5 rgb(161,4,245)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```
#c904f5
```
#c904f5 rgb(201,4,245)
```
#dd04f5
```
#dd04f5 rgb(221,4,245)
```
#f104f5
```
#f104f5 rgb(241,4,245)
```

Similar Colors

Text with hexadecimal color #b504f5

This text has a font color of #b504f5.

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

#b504f5 background color

This paragraph has a background color of #b504f5.

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

#b504f5 border color

This element has a border color of #b504f5.

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

CSS codes

.text {color:#b504f5;}

.background {background-color:#b504f5;}

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

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

#0a000d
```
#0a000d rgb(10,0,13)
```
#180121
```
#180121 rgb(24,1,33)
```
#260134
```
#260134 rgb(38,1,52)
```
#350147
```
#350147 rgb(53,1,71)
```
#43015b
```
#43015b rgb(67,1,91)
```
#51026e
```
#51026e rgb(81,2,110)
```
#5f0281
```
#5f0281 rgb(95,2,129)
```
#6e0294
```
#6e0294 rgb(110,2,148)
```
#7c03a8
```
#7c03a8 rgb(124,3,168)
```
#8a03bb
```
#8a03bb rgb(138,3,187)
```
#9803ce
```
#9803ce rgb(152,3,206)
```
#a704e2
```
#a704e2 rgb(167,4,226)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```

Shade Color Variation

#bd11fb
```
#bd11fb rgb(189,17,251)
```
#c225fb
```
#c225fb rgb(194,37,251)
```
#c838fc
```
#c838fc rgb(200,56,252)
```
#cd4bfc
```
#cd4bfc rgb(205,75,252)
```
#d35ffc
```
#d35ffc rgb(211,95,252)
```
#d872fd
```
#d872fd rgb(216,114,253)
```
#dd85fd
```
#dd85fd rgb(221,133,253)
```
#e399fd
```
#e399fd rgb(227,153,253)
```
#e8acfe
```
#e8acfe rgb(232,172,254)
```
#edbffe
```
#edbffe rgb(237,191,254)
```
#f3d2fe
```
#f3d2fe rgb(243,210,254)
```
#f8e6ff
```
#f8e6ff rgb(248,230,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#7f7782
```
#7f7782 rgb(127,119,130)
```
#846d8c
```
#846d8c rgb(132,109,140)
```
#886495
```
#886495 rgb(136,100,149)
```
#8d5a9f
```
#8d5a9f rgb(141,90,159)
```
#9151a8
```
#9151a8 rgb(145,81,168)
```
#9647b2
```
#9647b2 rgb(150,71,178)
```
#9a3dbc
```
#9a3dbc rgb(154,61,188)
```
#9f34c5
```
#9f34c5 rgb(159,52,197)
```
#a32acf
```
#a32acf rgb(163,42,207)
```
#a821d8
```
#a821d8 rgb(168,33,216)
```
#ac17e2
```
#ac17e2 rgb(172,23,226)
```
#b10eeb
```
#b10eeb rgb(177,14,235)
```
#b504f5
```
#b504f5 rgb(181,4,245)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#674474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#9f6970 Tritanopia 0.001% of the population

Trichromacy

#414be9 Protanomaly 1% of men, 0.01% of women
#414fd9 Deuteranomaly 6% of men, 0.4% of women
#a744a0 Tritanomaly 0.01% of the population

#b504f5 hex color

#b504f5 Color Information

#b504f5 Color Conversion

Color Schemes with #b504f5

Alternatives to #b504f5

#b504f5 Preview

Shades and Tints of #b504f5

Tones of #b504f5

Color Blindness Simulator