colorhexa.com

#b102e6 hex color

In a RGB color space, hex #b102e6 is composed of 69.4% red, 0.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 99.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 286.1 degrees, a saturation of 98.3% and a lightness of 45.5%. #b102e6 color hex could be obtained by blending #ff04ff with #6300cd. Closest websafe color is: #9900ff.

- R 69
- G 1
- B 90
RGB color chart
- C 23
- M 99
- Y 0
- K 10
CMYK color chart

● #b102e6 color description : Vivid magenta.

The hexadecimal color #b102e6 has RGB values of R:177, G:2, B:230 and CMYK values of C:0.23, M:0.99, Y:0, K:0.1. Its decimal value is 11600614.

Hex triplet	b102e6	`#b102e6`
RGB Decimal	177, 2, 230	`rgb(177,2,230)`
RGB Percent	69.4, 0.8, 90.2	`rgb(69.4%,0.8%,90.2%)`
CMYK	23, 99, 0, 10
HSL	286.1°, 98.3, 45.5	`hsl(286.1,98.3%,45.5%)`
HSV (or HSB)	286.1°, 99.1, 90.2
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.778, 83.119, -70.949
XYZ	32.434, 15.105, 76.066
xyY	0.262, 0.122, 15.105
CIE-LCH	45.778, 109.282, 319.516
CIE-LUV	45.778, 40.734, -112.658
Hunter-Lab	38.865, 80.95, -88.835
Binary	10110001, 00000010, 11100110

#b102e6
```
#b102e6 rgb(177,2,230)
```
#37e602
```
#37e602 rgb(55,230,2)
```

Complementary Color

#3f02e6
```
#3f02e6 rgb(63,2,230)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#e602a9
```
#e602a9 rgb(230,2,169)
```

Analogous Color

#02e63f
```
#02e63f rgb(2,230,63)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#a9e602
```
#a9e602 rgb(169,230,2)
```

Split Complementary Color

#02e6b1
```
#02e6b1 rgb(2,230,177)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#e6b102
```
#e6b102 rgb(230,177,2)
```

Triadic Color

#77019a
```
#77019a rgb(119,1,154)
```
#8a02b3
```
#8a02b3 rgb(138,2,179)
```
#9e02cd
```
#9e02cd rgb(158,2,205)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#c305fd
```
#c305fd rgb(195,5,253)
```
#c91efd
```
#c91efd rgb(201,30,253)
```
#cf37fd
```
#cf37fd rgb(207,55,253)
```

Monochromatic Color

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

#7802e6
```
#7802e6 rgb(120,2,230)
```
#8b02e6
```
#8b02e6 rgb(139,2,230)
```
#9e02e6
```
#9e02e6 rgb(158,2,230)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#c402e6
```
#c402e6 rgb(196,2,230)
```
#d702e6
```
#d702e6 rgb(215,2,230)
```
#e602e2
```
#e602e2 rgb(230,2,226)
```

Similar Colors

Text with hexadecimal color #b102e6

This text has a font color of #b102e6.

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

#b102e6 background color

This paragraph has a background color of #b102e6.

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

#b102e6 border color

This element has a border color of #b102e6.

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

CSS codes

.text {color:#b102e6;}

.background {background-color:#b102e6;}

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

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

#0c0010
```
#0c0010 rgb(12,0,16)
```
#1b0024
```
#1b0024 rgb(27,0,36)
```
#2a0037
```
#2a0037 rgb(42,0,55)
```
#39014a
```
#39014a rgb(57,1,74)
```
#48015e
```
#48015e rgb(72,1,94)
```
#570171
```
#570171 rgb(87,1,113)
```
#660185
```
#660185 rgb(102,1,133)
```
#750198
```
#750198 rgb(117,1,152)
```
#8401ac
```
#8401ac rgb(132,1,172)
```
#9302bf
```
#9302bf rgb(147,2,191)
```
#a202d3
```
#a202d3 rgb(162,2,211)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```
#c002f9
```
#c002f9 rgb(192,2,249)
```

Shade Color Variation

#c612fd
```
#c612fd rgb(198,18,253)
```
#cb26fd
```
#cb26fd rgb(203,38,253)
```
#d039fd
```
#d039fd rgb(208,57,253)
```
#d44dfd
```
#d44dfd rgb(212,77,253)
```
#d960fe
```
#d960fe rgb(217,96,254)
```
#de74fe
```
#de74fe rgb(222,116,254)
```
#e287fe
```
#e287fe rgb(226,135,254)
```
#e79afe
```
#e79afe rgb(231,154,254)
```
#ecaefe
```
#ecaefe rgb(236,174,254)
```
#f0c1fe
```
#f0c1fe rgb(240,193,254)
```
#f5d5ff
```
#f5d5ff rgb(245,213,255)
```
#fae8ff
```
#fae8ff rgb(250,232,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#786d7b
```
#786d7b rgb(120,109,123)
```
#7c6484
```
#7c6484 rgb(124,100,132)
```
#815b8d
```
#815b8d rgb(129,91,141)
```
#865296
```
#865296 rgb(134,82,150)
```
#8b499f
```
#8b499f rgb(139,73,159)
```
#9040a8
```
#9040a8 rgb(144,64,168)
```
#9438b0
```
#9438b0 rgb(148,56,176)
```
#992fb9
```
#992fb9 rgb(153,47,185)
```
#9e26c2
```
#9e26c2 rgb(158,38,194)
```
#a31dcb
```
#a31dcb rgb(163,29,203)
```
#a714d4
```
#a714d4 rgb(167,20,212)
```
#ac0bdd
```
#ac0bdd rgb(172,11,221)
```
#b102e6
```
#b102e6 rgb(177,2,230)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#63406e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#9e6369 Tritanopia 0.001% of the population

Trichromacy

#4048df Protanomaly 1% of men, 0.01% of women
#404ccf Deuteranomaly 6% of men, 0.4% of women
#a53f96 Tritanomaly 0.01% of the population