#b344d4 hex color

In a RGB color space, hex #b344d4 is composed of 70.2% red, 26.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 67.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 286.3 degrees, a saturation of 62.6% and a lightness of 54.9%. #b344d4 color hex could be obtained by blending #ff88ff with #6700a9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 70
- G 27
- B 83
RGB color chart
- C 16
- M 68
- Y 0
- K 17
CMYK color chart

● #b344d4 color description : Moderate magenta.

The hexadecimal color #b344d4 has RGB values of R:179, G:68, B:212 and CMYK values of C:0.16, M:0.68, Y:0, K:0.17. Its decimal value is 11748564.

Hex triplet	b344d4	`#b344d4`
RGB Decimal	179, 68, 212	`rgb(179,68,212)`
RGB Percent	70.2, 26.7, 83.1	`rgb(70.2%,26.7%,83.1%)`
CMYK	16, 68, 0, 17
HSL	286.3°, 62.6, 54.9	`hsl(286.3,62.6%,54.9%)`
HSV (or HSB)	286.3°, 67.9, 83.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.065, 65.019, -53.748
XYZ	32.54, 18.473, 64.135
xyY	0.283, 0.16, 18.473
CIE-LCH	50.065, 84.358, 320.421
CIE-LUV	50.065, 39.976, -89.279
Hunter-Lab	42.98, 59.926, -58.387
Binary	10110011, 01000100, 11010100

#b344d4
```
#b344d4 rgb(179,68,212)
```
#65d444
```
#65d444 rgb(101,212,68)
```

Complementary Color

#6b44d4
```
#6b44d4 rgb(107,68,212)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#d444ad
```
#d444ad rgb(212,68,173)
```

Analogous Color

#44d46b
```
#44d46b rgb(68,212,107)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#add444
```
#add444 rgb(173,212,68)
```

Split Complementary Color

#44d4b3
```
#44d4b3 rgb(68,212,179)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#d4b344
```
#d4b344 rgb(212,179,68)
```

Triadic Color

#4465d4
```
#4465d4 rgb(68,101,212)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#d4b344
```
#d4b344 rgb(212,179,68)
```
#65d444
```
#65d444 rgb(101,212,68)
```

Tetradic Color

#8826a5
```
#8826a5 rgb(136,38,165)
```
#992bba
```
#992bba rgb(153,43,186)
```
#aa30cf
```
#aa30cf rgb(170,48,207)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#bb59d9
```
#bb59d9 rgb(187,89,217)
```
#c46dde
```
#c46dde rgb(196,109,222)
```
#cc82e2
```
#cc82e2 rgb(204,130,226)
```

Monochromatic Color

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

#8f44d4
```
#8f44d4 rgb(143,68,212)
```
#9b44d4
```
#9b44d4 rgb(155,68,212)
```
#a744d4
```
#a744d4 rgb(167,68,212)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#bf44d4
```
#bf44d4 rgb(191,68,212)
```
#cb44d4
```
#cb44d4 rgb(203,68,212)
```
#d444d1
```
#d444d1 rgb(212,68,209)
```

Similar Colors

Text with hexadecimal color #b344d4

This text has a font color of #b344d4.

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

#b344d4 background color

This paragraph has a background color of #b344d4.

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

#b344d4 border color

This element has a border color of #b344d4.

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

CSS codes

.text {color:#b344d4;}

.background {background-color:#b344d4;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#110514
```
#110514 rgb(17,5,20)
```
#1e0824
```
#1e0824 rgb(30,8,36)
```
#2b0c34
```
#2b0c34 rgb(43,12,52)
```
#381044
```
#381044 rgb(56,16,68)
```
#451354
```
#451354 rgb(69,19,84)
```
#521764
```
#521764 rgb(82,23,100)
```
#601b74
```
#601b74 rgb(96,27,116)
```
#6d1e84
```
#6d1e84 rgb(109,30,132)
```
#7a2294
```
#7a2294 rgb(122,34,148)
```
#8726a4
```
#8726a4 rgb(135,38,164)
```
#9429b4
```
#9429b4 rgb(148,41,180)
```
#a12dc4
```
#a12dc4 rgb(161,45,196)
```

Shade Color Variation

#ad34d0
```
#ad34d0 rgb(173,52,208)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#b954d8
```
#b954d8 rgb(185,84,216)
```
#c064db
```
#c064db rgb(192,100,219)
```
#c674df
```
#c674df rgb(198,116,223)
```
#cd84e3
```
#cd84e3 rgb(205,132,227)
```
#d394e6
```
#d394e6 rgb(211,148,230)
```
#daa4ea
```
#daa4ea rgb(218,164,234)
```
#e0b4ee
```
#e0b4ee rgb(224,180,238)
```
#e7c4f1
```
#e7c4f1 rgb(231,196,241)
```
#edd4f5
```
#edd4f5 rgb(237,212,245)
```
#f4e3f9
```
#f4e3f9 rgb(244,227,249)
```
#faf3fc
```
#faf3fc rgb(250,243,252)
```

Tint Color Variation

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

#8d8b8d
```
#8d8b8d rgb(141,139,141)
```
#918296
```
#918296 rgb(145,130,150)
```
#96799f
```
#96799f rgb(150,121,159)
```
#9b70a8
```
#9b70a8 rgb(155,112,168)
```
#a067b1
```
#a067b1 rgb(160,103,177)
```
#a55fb9
```
#a55fb9 rgb(165,95,185)
```
#a956c2
```
#a956c2 rgb(169,86,194)
```
#ae4dcb
```
#ae4dcb rgb(174,77,203)
```
#b344d4
```
#b344d4 rgb(179,68,212)
```
#b83bdd
```
#b83bdd rgb(184,59,221)
```
#bd32e6
```
#bd32e6 rgb(189,50,230)
```
#c129ef
```
#c129ef rgb(193,41,239)
```
#c621f7
```
#c621f7 rgb(198,33,247)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#826c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#487ec7 Deuteranopia 1% of men
#a76e76 Tritanopia 0.001% of the population

Trichromacy

#4166e5 Protanomaly 1% of men, 0.01% of women
#6f69cc Deuteranomaly 6% of men, 0.4% of women
#ab5f98 Tritanomaly 0.01% of the population

#b344d4 hex color

#b344d4 Color Information

#b344d4 Color Conversion

Color Schemes with #b344d4

Alternatives to #b344d4

#b344d4 Preview

Shades and Tints of #b344d4

Tones of #b344d4

Color Blindness Simulator