colorhexa.com

#b307ed hex color

In a RGB color space, hex #b307ed is composed of 70.2% red, 2.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 97% magenta, 0% yellow and 7.1% black. It has a hue angle of 284.9 degrees, a saturation of 94.3% and a lightness of 47.8%. #b307ed color hex could be obtained by blending #ff0eff with #6700db. Closest websafe color is: #cc00ff.

- R 70
- G 3
- B 93
RGB color chart
- C 24
- M 97
- Y 0
- K 7
CMYK color chart

● #b307ed color description : Vivid violet.

The hexadecimal color #b307ed has RGB values of R:179, G:7, B:237 and CMYK values of C:0.24, M:0.97, Y:0, K:0.07. Its decimal value is 11732973.

Hex triplet	b307ed	`#b307ed`
RGB Decimal	179, 7, 237	`rgb(179,7,237)`
RGB Percent	70.2, 2.7, 92.9	`rgb(70.2%,2.7%,92.9%)`
CMYK	24, 97, 0, 7
HSL	284.9°, 94.3, 47.8	`hsl(284.9,94.3%,47.8%)`
HSV (or HSB)	284.9°, 97, 92.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	46.779, 84.165, -73.268
XYZ	33.95, 15.851, 81.387
xyY	0.259, 0.121, 15.851
CIE-LCH	46.779, 111.589, 318.959
CIE-LUV	46.779, 39.772, -116.636
Hunter-Lab	39.814, 82.538, -93.331
Binary	10110011, 00000111, 11101101

#b307ed
```
#b307ed rgb(179,7,237)
```
#41ed07
```
#41ed07 rgb(65,237,7)
```

Complementary Color

#4007ed
```
#4007ed rgb(64,7,237)
```
#b307ed
```
#b307ed rgb(179,7,237)
```
#ed07b4
```
#ed07b4 rgb(237,7,180)
```

Analogous Color

#07ed40
```
#07ed40 rgb(7,237,64)
```
#b307ed
```
#b307ed rgb(179,7,237)
```
#b4ed07
```
#b4ed07 rgb(180,237,7)
```

Split Complementary Color

#07edb3
```
#07edb3 rgb(7,237,179)
```
#b307ed
```
#b307ed rgb(179,7,237)
```
#edb307
```
#edb307 rgb(237,179,7)
```

Triadic Color

#7b05a3
```
#7b05a3 rgb(123,5,163)
```
#8e06bb
```
#8e06bb rgb(142,6,187)
```
#a006d4
```
#a006d4 rgb(160,6,212)
```
#b307ed
```
#b307ed rgb(179,7,237)
```
#bf15f8
```
#bf15f8 rgb(191,21,248)
```
#c62ef9
```
#c62ef9 rgb(198,46,249)
```
#cd47fa
```
#cd47fa rgb(205,71,250)
```

Monochromatic Color

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

#7a07ed
```
#7a07ed rgb(122,7,237)
```
#8d07ed
```
#8d07ed rgb(141,7,237)
```
#a007ed
```
#a007ed rgb(160,7,237)
```
#b307ed
```
#b307ed rgb(179,7,237)
```
#c607ed
```
#c607ed rgb(198,7,237)
```
#d907ed
```
#d907ed rgb(217,7,237)
```
#ed07ed
```
#ed07ed rgb(237,7,237)
```

Similar Colors

Text with hexadecimal color #b307ed

This text has a font color of #b307ed.

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

#b307ed background color

This paragraph has a background color of #b307ed.

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

#b307ed border color

This element has a border color of #b307ed.

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

CSS codes

.text {color:#b307ed;}

.background {background-color:#b307ed;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#15011b
```
#15011b rgb(21,1,27)
```
#23012e
```
#23012e rgb(35,1,46)
```
#310242
```
#310242 rgb(49,2,66)
```
#400255
```
#400255 rgb(64,2,85)
```
#4e0368
```
#4e0368 rgb(78,3,104)
```
#5d047b
```
#5d047b rgb(93,4,123)
```
#6b048e
```
#6b048e rgb(107,4,142)
```
#7905a1
```
#7905a1 rgb(121,5,161)
```
#8805b4
```
#8805b4 rgb(136,5,180)
```
#9606c7
```
#9606c7 rgb(150,6,199)
```
#a506da
```
#a506da rgb(165,6,218)
```
#b307ed
```
#b307ed rgb(179,7,237)
```

Shade Color Variation

#bd10f8
```
#bd10f8 rgb(189,16,248)
```
#c323f8
```
#c323f8 rgb(195,35,248)
```
#c836f9
```
#c836f9 rgb(200,54,249)
```
#cd49fa
```
#cd49fa rgb(205,73,250)
```
#d25cfa
```
#d25cfa rgb(210,92,250)
```
#d76ffb
```
#d76ffb rgb(215,111,251)
```
#dd82fb
```
#dd82fb rgb(221,130,251)
```
#e295fc
```
#e295fc rgb(226,149,252)
```
#e7a8fc
```
#e7a8fc rgb(231,168,252)
```
#ecbbfd
```
#ecbbfd rgb(236,187,253)
```
#f2cefe
```
#f2cefe rgb(242,206,254)
```
#f7e1fe
```
#f7e1fe rgb(247,225,254)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#7b787c
```
#7b787c rgb(123,120,124)
```
#806e86
```
#806e86 rgb(128,110,134)
```
#84658f
```
#84658f rgb(132,101,143)
```
#895b99
```
#895b99 rgb(137,91,153)
```
#8e52a2
```
#8e52a2 rgb(142,82,162)
```
#9249ab
```
#9249ab rgb(146,73,171)
```
#973fb5
```
#973fb5 rgb(151,63,181)
```
#9c36be
```
#9c36be rgb(156,54,190)
```
#a02dc7
```
#a02dc7 rgb(160,45,199)
```
#a523d1
```
#a523d1 rgb(165,35,209)
```
#aa1ada
```
#aa1ada rgb(170,26,218)
```
#ae10e4
```
#ae10e4 rgb(174,16,228)
```
#b307ed
```
#b307ed rgb(179,7,237)
```

Tone Color Variation

Below, you can see how #b307ed 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
#684573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073df Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#9f666d Tritanopia 0.001% of the population

Trichromacy

#414be4 Protanomaly 1% of men, 0.01% of women
#414fd4 Deuteranomaly 6% of men, 0.4% of women
#a6439b Tritanomaly 0.01% of the population