#b309e1 hex color

In a RGB color space, hex #b309e1 is composed of 70.2% red, 3.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 96% magenta, 0% yellow and 11.8% black. It has a hue angle of 287.2 degrees, a saturation of 92.3% and a lightness of 45.9%. #b309e1 color hex could be obtained by blending #ff12ff with #6700c3. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 70
- G 4
- B 88
RGB color chart
- C 20
- M 96
- Y 0
- K 12
CMYK color chart

● #b309e1 color description : Vivid magenta.

The hexadecimal color #b309e1 has RGB values of R:179, G:9, B:225 and CMYK values of C:0.2, M:0.96, Y:0, K:0.12. Its decimal value is 11733473.

Hex triplet	b309e1	`#b309e1`
RGB Decimal	179, 9, 225	`rgb(179,9,225)`
RGB Percent	70.2, 3.5, 88.2	`rgb(70.2%,3.5%,88.2%)`
CMYK	20, 96, 0, 12
HSL	287.2°, 92.3, 45.9	`hsl(287.2,92.3%,45.9%)`
HSV (or HSB)	287.2°, 96, 88.2
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.93, 81.898, -67.843
XYZ	32.277, 15.217, 72.467
xyY	0.269, 0.127, 15.217
CIE-LCH	45.93, 106.349, 320.362
CIE-LUV	45.93, 43.17, -108.542
Hunter-Lab	39.009, 79.432, -82.838
Binary	10110011, 00001001, 11100001

#b309e1
```
#b309e1 rgb(179,9,225)
```
#37e109
```
#37e109 rgb(55,225,9)
```

Complementary Color

#4709e1
```
#4709e1 rgb(71,9,225)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#e109a3
```
#e109a3 rgb(225,9,163)
```

Analogous Color

#09e147
```
#09e147 rgb(9,225,71)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#a3e109
```
#a3e109 rgb(163,225,9)
```

Split Complementary Color

#09e1b3
```
#09e1b3 rgb(9,225,179)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#e1b309
```
#e1b309 rgb(225,179,9)
```

Triadic Color

#0937e1
```
#0937e1 rgb(9,55,225)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#e1b309
```
#e1b309 rgb(225,179,9)
```
#37e109
```
#37e109 rgb(55,225,9)
```

Tetradic Color

#780697
```
#780697 rgb(120,6,151)
```
#8c07b0
```
#8c07b0 rgb(140,7,176)
```
#9f08c8
```
#9f08c8 rgb(159,8,200)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#c40ef5
```
#c40ef5 rgb(196,14,245)
```
#ca27f6
```
#ca27f6 rgb(202,39,246)
```
#d03ff7
```
#d03ff7 rgb(208,63,247)
```

Monochromatic Color

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

#7d09e1
```
#7d09e1 rgb(125,9,225)
```
#8f09e1
```
#8f09e1 rgb(143,9,225)
```
#a109e1
```
#a109e1 rgb(161,9,225)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#c509e1
```
#c509e1 rgb(197,9,225)
```
#d709e1
```
#d709e1 rgb(215,9,225)
```
#e109d9
```
#e109d9 rgb(225,9,217)
```

Similar Colors

Text with hexadecimal color #b309e1

This text has a font color of #b309e1.

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

#b309e1 background color

This paragraph has a background color of #b309e1.

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

#b309e1 border color

This element has a border color of #b309e1.

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

CSS codes

.text {color:#b309e1;}

.background {background-color:#b309e1;}

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

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

#0e0112
```
#0e0112 rgb(14,1,18)
```
#1d0124
```
#1d0124 rgb(29,1,36)
```
#2c0237
```
#2c0237 rgb(44,2,55)
```
#3b034a
```
#3b034a rgb(59,3,74)
```
#4a045d
```
#4a045d rgb(74,4,93)
```
#590470
```
#590470 rgb(89,4,112)
```
#680583
```
#680583 rgb(104,5,131)
```
#770696
```
#770696 rgb(119,6,150)
```
#8607a8
```
#8607a8 rgb(134,7,168)
```
#9507bb
```
#9507bb rgb(149,7,187)
```
#a408ce
```
#a408ce rgb(164,8,206)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#c20af4
```
#c20af4 rgb(194,10,244)
```

Shade Color Variation

#c71bf6
```
#c71bf6 rgb(199,27,246)
```
#cc2ef7
```
#cc2ef7 rgb(204,46,247)
```
#d141f7
```
#d141f7 rgb(209,65,247)
```
#d554f8
```
#d554f8 rgb(213,84,248)
```
#da67f9
```
#da67f9 rgb(218,103,249)
```
#de7afa
```
#de7afa rgb(222,122,250)
```
#e38dfa
```
#e38dfa rgb(227,141,250)
```
#e89ffb
```
#e89ffb rgb(232,159,251)
```
#ecb2fc
```
#ecb2fc rgb(236,178,252)
```
#f1c5fd
```
#f1c5fd rgb(241,197,253)
```
#f5d8fd
```
#f5d8fd rgb(245,216,253)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#7a6c7e
```
#7a6c7e rgb(122,108,126)
```
#7f6387
```
#7f6387 rgb(127,99,135)
```
#855a90
```
#855a90 rgb(133,90,144)
```
#8a5199
```
#8a5199 rgb(138,81,153)
```
#8f48a2
```
#8f48a2 rgb(143,72,162)
```
#943fab
```
#943fab rgb(148,63,171)
```
#9936b4
```
#9936b4 rgb(153,54,180)
```
#9e2dbd
```
#9e2dbd rgb(158,45,189)
```
#a424c6
```
#a424c6 rgb(164,36,198)
```
#a91bcf
```
#a91bcf rgb(169,27,207)
```
#ae12d8
```
#ae12d8 rgb(174,18,216)
```
#b309e1
```
#b309e1 rgb(179,9,225)
```
#b800ea
```
#b800ea rgb(184,0,234)
```

Tone Color Variation

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

Dichromacy

#0071db Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#a26168 Tritanopia 0.001% of the population

Trichromacy

#414bdd Protanomaly 1% of men, 0.01% of women
#414ece Deuteranomaly 6% of men, 0.4% of women
#a84194 Tritanomaly 0.01% of the population

#b309e1 hex color

#b309e1 Color Information

#b309e1 Color Conversion

Color Schemes with #b309e1

Alternatives to #b309e1

#b309e1 Preview

Shades and Tints of #b309e1

Tones of #b309e1

Color Blindness Simulator