#b306a4 hex color

In a RGB color space, hex #b306a4 is composed of 70.2% red, 2.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.6% magenta, 8.4% yellow and 29.8% black. It has a hue angle of 305.2 degrees, a saturation of 93.5% and a lightness of 36.3%. #b306a4 color hex could be obtained by blending #ff0cff with #670049. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 2
- B 64
RGB color chart
- C 0
- M 97
- Y 8
- K 30
CMYK color chart

● #b306a4 color description : Strong magenta.

The hexadecimal color #b306a4 has RGB values of R:179, G:6, B:164 and CMYK values of C:0, M:0.97, Y:0.08, K:0.3. Its decimal value is 11732644.

Hex triplet	b306a4	`#b306a4`
RGB Decimal	179, 6, 164	`rgb(179,6,164)`
RGB Percent	70.2, 2.4, 64.3	`rgb(70.2%,2.4%,64.3%)`
CMYK	0, 97, 8, 30
HSL	305.2°, 93.5, 36.3	`hsl(305.2,93.5%,36.3%)`
HSV (or HSB)	305.2°, 96.6, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	41.839, 72.567, -38.8
XYZ	25.356, 12.396, 36.177
xyY	0.343, 0.168, 12.396
CIE-LCH	41.839, 82.288, 331.867
CIE-LUV	41.839, 64.876, -65.001
Hunter-Lab	35.208, 66.936, -36.276
Binary	10110011, 00000110, 10100100

#b306a4
```
#b306a4 rgb(179,6,164)
```
#06b315
```
#06b315 rgb(6,179,21)
```

Complementary Color

#6c06b3
```
#6c06b3 rgb(108,6,179)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#b3064e
```
#b3064e rgb(179,6,78)
```

Analogous Color

#06b36c
```
#06b36c rgb(6,179,108)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#4eb306
```
#4eb306 rgb(78,179,6)
```

Split Complementary Color

#06a4b3
```
#06a4b3 rgb(6,164,179)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#a4b306
```
#a4b306 rgb(164,179,6)
```

Triadic Color

#1506b3
```
#1506b3 rgb(21,6,179)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#a4b306
```
#a4b306 rgb(164,179,6)
```
#06b315
```
#06b315 rgb(6,179,21)
```

Tetradic Color

#690460
```
#690460 rgb(105,4,96)
```
#820477
```
#820477 rgb(130,4,119)
```
#9a058d
```
#9a058d rgb(154,5,141)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#cc07bb
```
#cc07bb rgb(204,7,187)
```
#e408d1
```
#e408d1 rgb(228,8,209)
```
#f70fe3
```
#f70fe3 rgb(247,15,227)
```

Monochromatic Color

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

#9706b3
```
#9706b3 rgb(151,6,179)
```
#a506b3
```
#a506b3 rgb(165,6,179)
```
#b306b2
```
#b306b2 rgb(179,6,178)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#b30696
```
#b30696 rgb(179,6,150)
```
#b30687
```
#b30687 rgb(179,6,135)
```
#b30679
```
#b30679 rgb(179,6,121)
```

Similar Colors

Text with hexadecimal color #b306a4

This text has a font color of #b306a4.

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

#b306a4 background color

This paragraph has a background color of #b306a4.

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

#b306a4 border color

This element has a border color of #b306a4.

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

CSS codes

.text {color:#b306a4;}

.background {background-color:#b306a4;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1b0119
```
#1b0119 rgb(27,1,25)
```
#2e022a
```
#2e022a rgb(46,2,42)
```
#41023c
```
#41023c rgb(65,2,60)
```
#54034d
```
#54034d rgb(84,3,77)
```
#67035e
```
#67035e rgb(103,3,94)
```
#7a0470
```
#7a0470 rgb(122,4,112)
```
#8d0581
```
#8d0581 rgb(141,5,129)
```
#a00593
```
#a00593 rgb(160,5,147)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```
#c607b5
```
#c607b5 rgb(198,7,181)
```
#d907c7
```
#d907c7 rgb(217,7,199)
```
#ec08d8
```
#ec08d8 rgb(236,8,216)
```

Shade Color Variation

#f710e3
```
#f710e3 rgb(247,16,227)
```
#f823e5
```
#f823e5 rgb(248,35,229)
```
#f836e7
```
#f836e7 rgb(248,54,231)
```
#f949ea
```
#f949ea rgb(249,73,234)
```
#fa5cec
```
#fa5cec rgb(250,92,236)
```
#fa6fee
```
#fa6fee rgb(250,111,238)
```
#fb82f0
```
#fb82f0 rgb(251,130,240)
```
#fb95f3
```
#fb95f3 rgb(251,149,243)
```
#fca8f5
```
#fca8f5 rgb(252,168,245)
```
#fdbbf7
```
#fdbbf7 rgb(253,187,247)
```
#fdcef9
```
#fdcef9 rgb(253,206,249)
```
#fee1fc
```
#fee1fc rgb(254,225,252)
```
#fff4fe
```
#fff4fe rgb(255,244,254)
```

Tint Color Variation

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

#5e5b5d
```
#5e5b5d rgb(94,91,93)
```
#655463
```
#655463 rgb(101,84,99)
```
#6c4d69
```
#6c4d69 rgb(108,77,105)
```
#73466f
```
#73466f rgb(115,70,111)
```
#7a3f75
```
#7a3f75 rgb(122,63,117)
```
#81387b
```
#81387b rgb(129,56,123)
```
#883181
```
#883181 rgb(136,49,129)
```
#8f2a87
```
#8f2a87 rgb(143,42,135)
```
#97228c
```
#97228c rgb(151,34,140)
```
#9e1b92
```
#9e1b92 rgb(158,27,146)
```
#a51498
```
#a51498 rgb(165,20,152)
```
#ac0d9e
```
#ac0d9e rgb(172,13,158)
```
#b306a4
```
#b306a4 rgb(179,6,164)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#613e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#546a98 Deuteranopia 1% of men
#ad494d Tritanopia 0.001% of the population

Trichromacy

#4144bc Protanomaly 1% of men, 0.01% of women
#77459c Deuteranomaly 6% of men, 0.4% of women
#af306c Tritanomaly 0.01% of the population

#b306a4 hex color

#b306a4 Color Information

#b306a4 Color Conversion

Color Schemes with #b306a4

Alternatives to #b306a4

#b306a4 Preview

Shades and Tints of #b306a4

Tones of #b306a4

Color Blindness Simulator