colorhexa.com

#b107ec hex color

In a RGB color space, hex #b107ec is composed of 69.4% red, 2.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 97% magenta, 0% yellow and 7.5% black. It has a hue angle of 284.5 degrees, a saturation of 94.2% and a lightness of 47.6%. #b107ec color hex could be obtained by blending #ff0eff with #6300d9. Closest websafe color is: #9900ff.

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

● #b107ec color description : Vivid violet.

The hexadecimal color #b107ec has RGB values of R:177, G:7, B:236 and CMYK values of C:0.25, M:0.97, Y:0, K:0.07. Its decimal value is 11601900.

Hex triplet	b107ec	`#b107ec`
RGB Decimal	177, 7, 236	`rgb(177,7,236)`
RGB Percent	69.4, 2.7, 92.5	`rgb(69.4%,2.7%,92.5%)`
CMYK	25, 97, 0, 7
HSL	284.5°, 94.2, 47.6	`hsl(284.5,94.2%,47.6%)`
HSV (or HSB)	284.5°, 97, 92.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.387, 83.735, -73.356
XYZ	33.346, 15.556, 80.598
xyY	0.257, 0.12, 15.556
CIE-LCH	46.387, 111.322, 318.78
CIE-LUV	46.387, 38.88, -116.382
Hunter-Lab	39.442, 81.889, -93.549
Binary	10110001, 00000111, 11101100

#b107ec
```
#b107ec rgb(177,7,236)
```
#42ec07
```
#42ec07 rgb(66,236,7)
```

Complementary Color

#3e07ec
```
#3e07ec rgb(62,7,236)
```
#b107ec
```
#b107ec rgb(177,7,236)
```
#ec07b5
```
#ec07b5 rgb(236,7,181)
```

Analogous Color

#07ec3e
```
#07ec3e rgb(7,236,62)
```
#b107ec
```
#b107ec rgb(177,7,236)
```
#b5ec07
```
#b5ec07 rgb(181,236,7)
```

Split Complementary Color

#07ecb1
```
#07ecb1 rgb(7,236,177)
```
#b107ec
```
#b107ec rgb(177,7,236)
```
#ecb107
```
#ecb107 rgb(236,177,7)
```

Triadic Color

#7905a2
```
#7905a2 rgb(121,5,162)
```
#8c06ba
```
#8c06ba rgb(140,6,186)
```
#9e06d3
```
#9e06d3 rgb(158,6,211)
```
#b107ec
```
#b107ec rgb(177,7,236)
```
#bd14f8
```
#bd14f8 rgb(189,20,248)
```
#c42df9
```
#c42df9 rgb(196,45,249)
```
#cb46fa
```
#cb46fa rgb(203,70,250)
```

Monochromatic Color

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

#7807ec
```
#7807ec rgb(120,7,236)
```
#8b07ec
```
#8b07ec rgb(139,7,236)
```
#9e07ec
```
#9e07ec rgb(158,7,236)
```
#b107ec
```
#b107ec rgb(177,7,236)
```
#c407ec
```
#c407ec rgb(196,7,236)
```
#d707ec
```
#d707ec rgb(215,7,236)
```
#ea07ec
```
#ea07ec rgb(234,7,236)
```

Similar Colors

Text with hexadecimal color #b107ec

This text has a font color of #b107ec.

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

#b107ec background color

This paragraph has a background color of #b107ec.

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

#b107ec border color

This element has a border color of #b107ec.

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

CSS codes

.text {color:#b107ec;}

.background {background-color:#b107ec;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#14011a
```
#14011a rgb(20,1,26)
```
#22012d
```
#22012d rgb(34,1,45)
```
#300241
```
#300241 rgb(48,2,65)
```
#3f0254
```
#3f0254 rgb(63,2,84)
```
#4d0367
```
#4d0367 rgb(77,3,103)
```
#5b047a
```
#5b047a rgb(91,4,122)
```
#6a048d
```
#6a048d rgb(106,4,141)
```
#7805a0
```
#7805a0 rgb(120,5,160)
```
#8605b3
```
#8605b3 rgb(134,5,179)
```
#9406c6
```
#9406c6 rgb(148,6,198)
```
#a306d9
```
#a306d9 rgb(163,6,217)
```
#b107ec
```
#b107ec rgb(177,7,236)
```

Shade Color Variation

#bc0ff8
```
#bc0ff8 rgb(188,15,248)
```
#c122f8
```
#c122f8 rgb(193,34,248)
```
#c635f9
```
#c635f9 rgb(198,53,249)
```
#cc48fa
```
#cc48fa rgb(204,72,250)
```
#d15bfa
```
#d15bfa rgb(209,91,250)
```
#d66efb
```
#d66efb rgb(214,110,251)
```
#dc81fb
```
#dc81fb rgb(220,129,251)
```
#e194fc
```
#e194fc rgb(225,148,252)
```
#e6a7fc
```
#e6a7fc rgb(230,167,252)
```
#ecbafd
```
#ecbafd rgb(236,186,253)
```
#f1cdfe
```
#f1cdfe rgb(241,205,254)
```
#f6e0fe
```
#f6e0fe rgb(246,224,254)
```
#fcf3ff
```
#fcf3ff rgb(252,243,255)
```

Tint Color Variation

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

#7b777c
```
#7b777c rgb(123,119,124)
```
#7f6e85
```
#7f6e85 rgb(127,110,133)
```
#84648f
```
#84648f rgb(132,100,143)
```
#885b98
```
#885b98 rgb(136,91,152)
```
#8d52a1
```
#8d52a1 rgb(141,82,161)
```
#9148ab
```
#9148ab rgb(145,72,171)
```
#963fb4
```
#963fb4 rgb(150,63,180)
```
#9a36bd
```
#9a36bd rgb(154,54,189)
```
#9f2cc7
```
#9f2cc7 rgb(159,44,199)
```
#a323d0
```
#a323d0 rgb(163,35,208)
```
#a81ad9
```
#a81ad9 rgb(168,26,217)
```
#ac10e3
```
#ac10e3 rgb(172,16,227)
```
#b107ec
```
#b107ec rgb(177,7,236)
```

Tone Color Variation

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

Dichromacy

#0072dd Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#9d656c Tritanopia 0.001% of the population

Trichromacy

#404be3 Protanomaly 1% of men, 0.01% of women
#404ed2 Deuteranomaly 6% of men, 0.4% of women
#a4439b Tritanomaly 0.01% of the population