colorhexa.com

#b348b1 hex color

In a RGB color space, hex #b348b1 is composed of 70.2% red, 28.2% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 1.1% yellow and 29.8% black. It has a hue angle of 301.1 degrees, a saturation of 42.6% and a lightness of 49.2%. #b348b1 color hex could be obtained by blending #ff90ff with #670063. Closest websafe color is: #cc3399.

- R 70
- G 28
- B 69
RGB color chart
- C 0
- M 60
- Y 1
- K 30
CMYK color chart

● #b348b1 color description : Moderate magenta.

The hexadecimal color #b348b1 has RGB values of R:179, G:72, B:177 and CMYK values of C:0, M:0.6, Y:0.01, K:0.3. Its decimal value is 11749553.

Hex triplet	b348b1	`#b348b1`
RGB Decimal	179, 72, 177	`rgb(179,72,177)`
RGB Percent	70.2, 28.2, 69.4	`rgb(70.2%,28.2%,69.4%)`
CMYK	0, 60, 1, 30
HSL	301.1°, 42.6, 49.2	`hsl(301.1,42.6%,49.2%)`
HSV (or HSB)	301.1°, 59.8, 70.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.753, 56.89, -35.58
XYZ	28.843, 17.394, 43.431
xyY	0.322, 0.194, 17.394
CIE-LCH	48.753, 67.1, 327.978
CIE-LUV	48.753, 48.689, -60.619
Hunter-Lab	41.707, 50.458, -32.547
Binary	10110011, 01001000, 10110001

#b348b1
```
#b348b1 rgb(179,72,177)
```
#48b34a
```
#48b34a rgb(72,179,74)
```

Complementary Color

#8048b3
```
#8048b3 rgb(128,72,179)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#b3487c
```
#b3487c rgb(179,72,124)
```

Analogous Color

#48b380
```
#48b380 rgb(72,179,128)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#7cb348
```
#7cb348 rgb(124,179,72)
```

Split Complementary Color

#48b1b3
```
#48b1b3 rgb(72,177,179)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#b1b348
```
#b1b348 rgb(177,179,72)
```

Triadic Color

#4a48b3
```
#4a48b3 rgb(74,72,179)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#b1b348
```
#b1b348 rgb(177,179,72)
```
#48b34a
```
#48b34a rgb(72,179,74)
```

Tetradic Color

#7c327b
```
#7c327b rgb(124,50,123)
```
#8f398d
```
#8f398d rgb(143,57,141)
```
#a1419f
```
#a1419f rgb(161,65,159)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#bc58ba
```
#bc58ba rgb(188,88,186)
```
#c36bc2
```
#c36bc2 rgb(195,107,194)
```
#cb7dc9
```
#cb7dc9 rgb(203,125,201)
```

Monochromatic Color

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

#9a48b3
```
#9a48b3 rgb(154,72,179)
```
#a348b3
```
#a348b3 rgb(163,72,179)
```
#ac48b3
```
#ac48b3 rgb(172,72,179)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#b348a8
```
#b348a8 rgb(179,72,168)
```
#b3489f
```
#b3489f rgb(179,72,159)
```
#b34896
```
#b34896 rgb(179,72,150)
```

Similar Colors

Text with hexadecimal color #b348b1

This text has a font color of #b348b1.

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

#b348b1 background color

This paragraph has a background color of #b348b1.

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

#b348b1 border color

This element has a border color of #b348b1.

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

CSS codes

.text {color:#b348b1;}

.background {background-color:#b348b1;}

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

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

#0b040b
```
#0b040b rgb(11,4,11)
```
#190a19
```
#190a19 rgb(25,10,25)
```
#271027
```
#271027 rgb(39,16,39)
```
#351535
```
#351535 rgb(53,21,53)
```
#431b42
```
#431b42 rgb(67,27,66)
```
#512150
```
#512150 rgb(81,33,80)
```
#5f265e
```
#5f265e rgb(95,38,94)
```
#6d2c6c
```
#6d2c6c rgb(109,44,108)
```
#7b317a
```
#7b317a rgb(123,49,122)
```
#893788
```
#893788 rgb(137,55,136)
```
#973d95
```
#973d95 rgb(151,61,149)
```
#a542a3
```
#a542a3 rgb(165,66,163)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```

Shade Color Variation

#ba54b8
```
#ba54b8 rgb(186,84,184)
```
#c062be
```
#c062be rgb(192,98,190)
```
#c670c4
```
#c670c4 rgb(198,112,196)
```
#cb7eca
```
#cb7eca rgb(203,126,202)
```
#d18cd0
```
#d18cd0 rgb(209,140,208)
```
#d69ad5
```
#d69ad5 rgb(214,154,213)
```
#dca8db
```
#dca8db rgb(220,168,219)
```
#e2b6e1
```
#e2b6e1 rgb(226,182,225)
```
#e7c4e7
```
#e7c4e7 rgb(231,196,231)
```
#edd2ec
```
#edd2ec rgb(237,210,236)
```
#f3e0f2
```
#f3e0f2 rgb(243,224,242)
```
#f8eef8
```
#f8eef8 rgb(248,238,248)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#837883
```
#837883 rgb(131,120,131)
```
#8c6f8c
```
#8c6f8c rgb(140,111,140)
```
#966595
```
#966595 rgb(150,101,149)
```
#a05b9e
```
#a05b9e rgb(160,91,158)
```
#a952a8
```
#a952a8 rgb(169,82,168)
```
#b348b1
```
#b348b1 rgb(179,72,177)
```
#bd3eba
```
#bd3eba rgb(189,62,186)
```
#c635c4
```
#c635c4 rgb(198,53,196)
```
#d02bcd
```
#d02bcd rgb(208,43,205)
```
#da21d6
```
#da21d6 rgb(218,33,214)
```
#e318df
```
#e318df rgb(227,24,223)
```
#ed0ee9
```
#ed0ee9 rgb(237,14,233)
```
#f704f2
```
#f704f2 rgb(247,4,242)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#816b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a78d2 Protanopia 1% of men
#687aa9 Deuteranopia 1% of men
#ad666d Tritanopia 0.001% of the population

Trichromacy

#7066c6 Protanomaly 1% of men, 0.01% of women
#8367ac Deuteranomaly 6% of men, 0.4% of women
#af5b85 Tritanomaly 0.01% of the population