#b504f7 hex color

In a RGB color space, hex #b504f7 is composed of 71% red, 1.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 98.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 283.7 degrees, a saturation of 96.8% and a lightness of 49.2%. #b504f7 color hex could be obtained by blending #ff08ff with #6b00ef. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 71
- G 2
- B 97
RGB color chart
- C 27
- M 98
- Y 0
- K 3
CMYK color chart

● #b504f7 color description : Vivid violet.

The hexadecimal color #b504f7 has RGB values of R:181, G:4, B:247 and CMYK values of C:0.27, M:0.98, Y:0, K:0.03. Its decimal value is 11863287.

Hex triplet	b504f7	`#b504f7`
RGB Decimal	181, 4, 247	`rgb(181,4,247)`
RGB Percent	71, 1.6, 96.9	`rgb(71%,1.6%,96.9%)`
CMYK	27, 98, 0, 3
HSL	283.7°, 96.8, 49.2	`hsl(283.7,96.8%,49.2%)`
HSV (or HSB)	283.7°, 98.4, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.787, 86.437, -77.239
XYZ	35.886, 16.627, 89.31
xyY	0.253, 0.117, 16.627
CIE-LCH	47.787, 115.919, 318.217
CIE-LUV	47.787, 38.284, -122.904
Hunter-Lab	40.777, 85.732, -101.315
Binary	10110101, 00000100, 11110111

#b504f7
```
#b504f7 rgb(181,4,247)
```
#46f704
```
#46f704 rgb(70,247,4)
```

Complementary Color

#3b04f7
```
#3b04f7 rgb(59,4,247)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#f704c0
```
#f704c0 rgb(247,4,192)
```

Analogous Color

#04f73c
```
#04f73c rgb(4,247,60)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#c0f704
```
#c0f704 rgb(192,247,4)
```

Split Complementary Color

#04f7b5
```
#04f7b5 rgb(4,247,181)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#f7b504
```
#f7b504 rgb(247,181,4)
```

Triadic Color

#0446f7
```
#0446f7 rgb(4,70,247)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#f7b504
```
#f7b504 rgb(247,181,4)
```
#46f704
```
#46f704 rgb(70,247,4)
```

Tetradic Color

#7e03ac
```
#7e03ac rgb(126,3,172)
```
#9003c5
```
#9003c5 rgb(144,3,197)
```
#a304de
```
#a304de rgb(163,4,222)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#be19fb
```
#be19fb rgb(190,25,251)
```
#c532fc
```
#c532fc rgb(197,50,252)
```
#cc4bfc
```
#cc4bfc rgb(204,75,252)
```

Monochromatic Color

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

#7804f7
```
#7804f7 rgb(120,4,247)
```
#8d04f7
```
#8d04f7 rgb(141,4,247)
```
#a104f7
```
#a104f7 rgb(161,4,247)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```
#c904f7
```
#c904f7 rgb(201,4,247)
```
#de04f7
```
#de04f7 rgb(222,4,247)
```
#f204f7
```
#f204f7 rgb(242,4,247)
```

Similar Colors

Text with hexadecimal color #b504f7

This text has a font color of #b504f7.

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

#b504f7 background color

This paragraph has a background color of #b504f7.

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

#b504f7 border color

This element has a border color of #b504f7.

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

CSS codes

.text {color:#b504f7;}

.background {background-color:#b504f7;}

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

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

#0b000f
```
#0b000f rgb(11,0,15)
```
#190123
```
#190123 rgb(25,1,35)
```
#280136
```
#280136 rgb(40,1,54)
```
#360149
```
#360149 rgb(54,1,73)
```
#44015d
```
#44015d rgb(68,1,93)
```
#520270
```
#520270 rgb(82,2,112)
```
#600283
```
#600283 rgb(96,2,131)
```
#6e0296
```
#6e0296 rgb(110,2,150)
```
#7c03aa
```
#7c03aa rgb(124,3,170)
```
#8b03bd
```
#8b03bd rgb(139,3,189)
```
#9903d0
```
#9903d0 rgb(153,3,208)
```
#a704e4
```
#a704e4 rgb(167,4,228)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```

Shade Color Variation

#bc13fb
```
#bc13fb rgb(188,19,251)
```
#c227fb
```
#c227fb rgb(194,39,251)
```
#c73afc
```
#c73afc rgb(199,58,252)
```
#cd4dfc
```
#cd4dfc rgb(205,77,252)
```
#d261fc
```
#d261fc rgb(210,97,252)
```
#d874fd
```
#d874fd rgb(216,116,253)
```
#dd87fd
```
#dd87fd rgb(221,135,253)
```
#e39bfd
```
#e39bfd rgb(227,155,253)
```
#e8aefe
```
#e8aefe rgb(232,174,254)
```
#edc1fe
```
#edc1fe rgb(237,193,254)
```
#f3d4fe
```
#f3d4fe rgb(243,212,254)
```
#f8e8ff
```
#f8e8ff rgb(248,232,255)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#807883
```
#807883 rgb(128,120,131)
```
#846e8d
```
#846e8d rgb(132,110,141)
```
#896596
```
#896596 rgb(137,101,150)
```
#8d5ba0
```
#8d5ba0 rgb(141,91,160)
```
#9251aa
```
#9251aa rgb(146,81,170)
```
#9648b3
```
#9648b3 rgb(150,72,179)
```
#9b3ebd
```
#9b3ebd rgb(155,62,189)
```
#9f34c7
```
#9f34c7 rgb(159,52,199)
```
#a32bd0
```
#a32bd0 rgb(163,43,208)
```
#a821da
```
#a821da rgb(168,33,218)
```
#ac17e4
```
#ac17e4 rgb(172,23,228)
```
#b10eed
```
#b10eed rgb(177,14,237)
```
#b504f7
```
#b504f7 rgb(181,4,247)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#684575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#9f6a71 Tritanopia 0.001% of the population

Trichromacy

#414cea Protanomaly 1% of men, 0.01% of women
#414fda Deuteranomaly 6% of men, 0.4% of women
#a744a1 Tritanomaly 0.01% of the population

#b504f7 hex color

#b504f7 Color Information

#b504f7 Color Conversion

Color Schemes with #b504f7

Alternatives to #b504f7

#b504f7 Preview

Shades and Tints of #b504f7

Tones of #b504f7

Color Blindness Simulator