#b30396 hex color

In a RGB color space, hex #b30396 is composed of 70.2% red, 1.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.3% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 309.9 degrees, a saturation of 96.7% and a lightness of 35.7%. #b30396 color hex could be obtained by blending #ff06ff with #67002d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 1
- B 59
RGB color chart
- C 0
- M 98
- Y 16
- K 30
CMYK color chart

● #b30396 color description : Strong magenta.

The hexadecimal color #b30396 has RGB values of R:179, G:3, B:150 and CMYK values of C:0, M:0.98, Y:0.16, K:0.3. Its decimal value is 11731862.

Hex triplet	b30396	`#b30396`
RGB Decimal	179, 3, 150	`rgb(179,3,150)`
RGB Percent	70.2, 1.2, 58.8	`rgb(70.2%,1.2%,58.8%)`
CMYK	0, 98, 16, 30
HSL	309.9°, 96.7, 35.7	`hsl(309.9,96.7%,35.7%)`
HSV (or HSB)	309.9°, 98.3, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.981, 70.981, -31.709
XYZ	24.128, 11.853, 29.87
xyY	0.366, 0.18, 11.853
CIE-LCH	40.981, 77.742, 335.928
CIE-LUV	40.981, 70.97, -54.564
Hunter-Lab	34.428, 64.848, -27.34
Binary	10110011, 00000011, 10010110

#b30396
```
#b30396 rgb(179,3,150)
```
#03b320
```
#03b320 rgb(3,179,32)
```

Complementary Color

#7803b3
```
#7803b3 rgb(120,3,179)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#b3033e
```
#b3033e rgb(179,3,62)
```

Analogous Color

#03b378
```
#03b378 rgb(3,179,120)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#3eb303
```
#3eb303 rgb(62,179,3)
```

Split Complementary Color

#0396b3
```
#0396b3 rgb(3,150,179)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#96b303
```
#96b303 rgb(150,179,3)
```

Triadic Color

#2003b3
```
#2003b3 rgb(32,3,179)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#96b303
```
#96b303 rgb(150,179,3)
```
#03b320
```
#03b320 rgb(3,179,32)
```

Tetradic Color

#680257
```
#680257 rgb(104,2,87)
```
#81026c
```
#81026c rgb(129,2,108)
```
#9a0381
```
#9a0381 rgb(154,3,129)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#cc03ab
```
#cc03ab rgb(204,3,171)
```
#e504c0
```
#e504c0 rgb(229,4,192)
```
#fb08d3
```
#fb08d3 rgb(251,8,211)
```

Monochromatic Color

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

#a403b3
```
#a403b3 rgb(164,3,179)
```
#b303b3
```
#b303b3 rgb(179,3,179)
```
#b303a5
```
#b303a5 rgb(179,3,165)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#b30387
```
#b30387 rgb(179,3,135)
```
#b30379
```
#b30379 rgb(179,3,121)
```
#b3036a
```
#b3036a rgb(179,3,106)
```

Similar Colors

Text with hexadecimal color #b30396

This text has a font color of #b30396.

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

#b30396 background color

This paragraph has a background color of #b30396.

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

#b30396 border color

This element has a border color of #b30396.

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

CSS codes

.text {color:#b30396;}

.background {background-color:#b30396;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#190015
```
#190015 rgb(25,0,21)
```
#2c0125
```
#2c0125 rgb(44,1,37)
```
#3f0135
```
#3f0135 rgb(63,1,53)
```
#530145
```
#530145 rgb(83,1,69)
```
#660255
```
#660255 rgb(102,2,85)
```
#790266
```
#790266 rgb(121,2,102)
```
#8c0276
```
#8c0276 rgb(140,2,118)
```
#a00386
```
#a00386 rgb(160,3,134)
```
#b30396
```
#b30396 rgb(179,3,150)
```
#c603a6
```
#c603a6 rgb(198,3,166)
```
#da04b6
```
#da04b6 rgb(218,4,182)
```
#ed04c6
```
#ed04c6 rgb(237,4,198)
```

Shade Color Variation

#fb0ad3
```
#fb0ad3 rgb(251,10,211)
```
#fb1dd7
```
#fb1dd7 rgb(251,29,215)
```
#fc30da
```
#fc30da rgb(252,48,218)
```
#fc43dd
```
#fc43dd rgb(252,67,221)
```
#fc57e1
```
#fc57e1 rgb(252,87,225)
```
#fd6ae4
```
#fd6ae4 rgb(253,106,228)
```
#fd7de8
```
#fd7de8 rgb(253,125,232)
```
#fd91eb
```
#fd91eb rgb(253,145,235)
```
#fda4ef
```
#fda4ef rgb(253,164,239)
```
#feb7f2
```
#feb7f2 rgb(254,183,242)
```
#fecaf6
```
#fecaf6 rgb(254,202,246)
```
#fedef9
```
#fedef9 rgb(254,222,249)
```
#fff1fd
```
#fff1fd rgb(255,241,253)
```

Tint Color Variation

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

#5f575e
```
#5f575e rgb(95,87,94)
```
#665062
```
#665062 rgb(102,80,98)
```
#6d4967
```
#6d4967 rgb(109,73,103)
```
#74426c
```
#74426c rgb(116,66,108)
```
#7b3b70
```
#7b3b70 rgb(123,59,112)
```
#823475
```
#823475 rgb(130,52,117)
```
#892d7a
```
#892d7a rgb(137,45,122)
```
#90267f
```
#90267f rgb(144,38,127)
```
#971f83
```
#971f83 rgb(151,31,131)
```
#9e1888
```
#9e1888 rgb(158,24,136)
```
#a5118d
```
#a5118d rgb(165,17,141)
```
#ac0a91
```
#ac0a91 rgb(172,10,145)
```
#b30396
```
#b30396 rgb(179,3,150)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d3a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#5c678c Deuteranopia 1% of men
#af4346 Tritanopia 0.001% of the population

Trichromacy

#4141b5 Protanomaly 1% of men, 0.01% of women
#7b4390 Deuteranomaly 6% of men, 0.4% of women
#b02b63 Tritanomaly 0.01% of the population

#b30396 hex color

#b30396 Color Information

#b30396 Color Conversion

Color Schemes with #b30396

Alternatives to #b30396

#b30396 Preview

Shades and Tints of #b30396

Tones of #b30396

Color Blindness Simulator