#b309b1 hex color

In a RGB color space, hex #b309b1 is composed of 70.2% red, 3.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95% magenta, 1.1% yellow and 29.8% black. It has a hue angle of 300.7 degrees, a saturation of 90.4% and a lightness of 36.9%. #b309b1 color hex could be obtained by blending #ff12ff with #670063. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 4
- B 69
RGB color chart
- C 0
- M 95
- Y 1
- K 30
CMYK color chart

● #b309b1 color description : Strong magenta.

The hexadecimal color #b309b1 has RGB values of R:179, G:9, B:177 and CMYK values of C:0, M:0.95, Y:0.01, K:0.3. Its decimal value is 11733425.

Hex triplet	b309b1	`#b309b1`
RGB Decimal	179, 9, 177	`rgb(179,9,177)`
RGB Percent	70.2, 3.5, 69.4	`rgb(70.2%,3.5%,69.4%)`
CMYK	0, 95, 1, 30
HSL	300.7°, 90.4, 36.9	`hsl(300.7,90.4%,36.9%)`
HSV (or HSB)	300.7°, 95, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	42.696, 74.149, -45.183
XYZ	26.623, 12.955, 42.691
xyY	0.324, 0.157, 12.955
CIE-LCH	42.696, 86.831, 328.644
CIE-LUV	42.696, 59.544, -74.526
Hunter-Lab	35.993, 69.043, -45.127
Binary	10110011, 00001001, 10110001

#b309b1
```
#b309b1 rgb(179,9,177)
```
#09b30b
```
#09b30b rgb(9,179,11)
```

Complementary Color

#6009b3
```
#6009b3 rgb(96,9,179)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#b3095c
```
#b3095c rgb(179,9,92)
```

Analogous Color

#09b360
```
#09b360 rgb(9,179,96)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#5cb309
```
#5cb309 rgb(92,179,9)
```

Split Complementary Color

#09b1b3
```
#09b1b3 rgb(9,177,179)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#b1b309
```
#b1b309 rgb(177,179,9)
```

Triadic Color

#0b09b3
```
#0b09b3 rgb(11,9,179)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#b1b309
```
#b1b309 rgb(177,179,9)
```
#09b30b
```
#09b30b rgb(9,179,11)
```

Tetradic Color

#6a0569
```
#6a0569 rgb(106,5,105)
```
#820781
```
#820781 rgb(130,7,129)
```
#9b0899
```
#9b0899 rgb(155,8,153)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#cb0ac9
```
#cb0ac9 rgb(203,10,201)
```
#e40be1
```
#e40be1 rgb(228,11,225)
```
#f315f1
```
#f315f1 rgb(243,21,241)
```

Monochromatic Color

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

#8b09b3
```
#8b09b3 rgb(139,9,179)
```
#9909b3
```
#9909b3 rgb(153,9,179)
```
#a709b3
```
#a709b3 rgb(167,9,179)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#b309a3
```
#b309a3 rgb(179,9,163)
```
#b30995
```
#b30995 rgb(179,9,149)
```
#b30987
```
#b30987 rgb(179,9,135)
```

Similar Colors

Text with hexadecimal color #b309b1

This text has a font color of #b309b1.

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

#b309b1 background color

This paragraph has a background color of #b309b1.

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

#b309b1 border color

This element has a border color of #b309b1.

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

CSS codes

.text {color:#b309b1;}

.background {background-color:#b309b1;}

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

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

#0b010b
```
#0b010b rgb(11,1,11)
```
#1e011d
```
#1e011d rgb(30,1,29)
```
#300230
```
#300230 rgb(48,2,48)
```
#430342
```
#430342 rgb(67,3,66)
```
#560455
```
#560455 rgb(86,4,85)
```
#680567
```
#680567 rgb(104,5,103)
```
#7b067a
```
#7b067a rgb(123,6,122)
```
#8e078c
```
#8e078c rgb(142,7,140)
```
#a0089f
```
#a0089f rgb(160,8,159)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#c60ac3
```
#c60ac3 rgb(198,10,195)
```
#d80bd6
```
#d80bd6 rgb(216,11,214)
```
#eb0ce8
```
#eb0ce8 rgb(235,12,232)
```

Shade Color Variation

#f317f1
```
#f317f1 rgb(243,23,241)
```
#f42af2
```
#f42af2 rgb(244,42,242)
```
#f53cf3
```
#f53cf3 rgb(245,60,243)
```
#f64ff4
```
#f64ff4 rgb(246,79,244)
```
#f762f5
```
#f762f5 rgb(247,98,245)
```
#f875f6
```
#f875f6 rgb(248,117,246)
```
#f987f8
```
#f987f8 rgb(249,135,248)
```
#fa9af9
```
#fa9af9 rgb(250,154,249)
```
#fbadfa
```
#fbadfa rgb(251,173,250)
```
#fcbffb
```
#fcbffb rgb(252,191,251)
```
#fdd2fc
```
#fdd2fc rgb(253,210,252)
```
#fee5fd
```
#fee5fd rgb(254,229,253)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#635963
```
#635963 rgb(99,89,99)
```
#6b516a
```
#6b516a rgb(107,81,106)
```
#724a71
```
#724a71 rgb(114,74,113)
```
#794379
```
#794379 rgb(121,67,121)
```
#803c80
```
#803c80 rgb(128,60,128)
```
#883487
```
#883487 rgb(136,52,135)
```
#8f2d8e
```
#8f2d8e rgb(143,45,142)
```
#962695
```
#962695 rgb(150,38,149)
```
#9d1f9c
```
#9d1f9c rgb(157,31,156)
```
#a517a3
```
#a517a3 rgb(165,23,163)
```
#ac10aa
```
#ac10aa rgb(172,16,170)
```
#b309b1
```
#b309b1 rgb(179,9,177)
```
#ba02b8
```
#ba02b8 rgb(186,2,184)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#634163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#4b6ca4 Deuteranopia 1% of men
#ab4e53 Tritanopia 0.001% of the population

Trichromacy

#4146c3 Protanomaly 1% of men, 0.01% of women
#7148a8 Deuteranomaly 6% of men, 0.4% of women
#ae3575 Tritanomaly 0.01% of the population

#b309b1 hex color

#b309b1 Color Information

#b309b1 Color Conversion

Color Schemes with #b309b1

Alternatives to #b309b1

#b309b1 Preview

Shades and Tints of #b309b1

Tones of #b309b1

Color Blindness Simulator