#b345f2 hex color

In a RGB color space, hex #b345f2 is composed of 70.2% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 71.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 278.2 degrees, a saturation of 86.9% and a lightness of 61%. #b345f2 color hex could be obtained by blending #ff8aff with #6700e5. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 70
- G 27
- B 95
RGB color chart
- C 26
- M 71
- Y 0
- K 5
CMYK color chart

● #b345f2 color description : Bright violet.

The hexadecimal color #b345f2 has RGB values of R:179, G:69, B:242 and CMYK values of C:0.26, M:0.71, Y:0, K:0.05. Its decimal value is 11748850.

Hex triplet	b345f2	`#b345f2`
RGB Decimal	179, 69, 242	`rgb(179,69,242)`
RGB Percent	70.2, 27.1, 94.9	`rgb(70.2%,27.1%,94.9%)`
CMYK	26, 71, 0, 5
HSL	278.2°, 86.9, 61	`hsl(278.2,86.9%,61%)`
HSV (or HSB)	278.2°, 71.5, 94.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.121, 70.613, -67.405
XYZ	36.743, 20.252, 85.973
xyY	0.257, 0.142, 20.252
CIE-LCH	52.121, 97.62, 316.331
CIE-LUV	52.121, 32.357, -110.964
Hunter-Lab	45.002, 66.989, -81.768
Binary	10110011, 01000101, 11110010

#b345f2
```
#b345f2 rgb(179,69,242)
```
#84f245
```
#84f245 rgb(132,242,69)
```

Complementary Color

#5d45f2
```
#5d45f2 rgb(93,69,242)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#f245db
```
#f245db rgb(242,69,219)
```

Analogous Color

#45f25d
```
#45f25d rgb(69,242,93)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#dbf245
```
#dbf245 rgb(219,242,69)
```

Split Complementary Color

#45f2b3
```
#45f2b3 rgb(69,242,179)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#f2b345
```
#f2b345 rgb(242,179,69)
```

Triadic Color

#4584f2
```
#4584f2 rgb(69,132,242)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#f2b345
```
#f2b345 rgb(242,179,69)
```
#84f245
```
#84f245 rgb(132,242,69)
```

Tetradic Color

#910fdb
```
#910fdb rgb(145,15,219)
```
#a015ef
```
#a015ef rgb(160,21,239)
```
#a92df0
```
#a92df0 rgb(169,45,240)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#bd5df4
```
#bd5df4 rgb(189,93,244)
```
#c675f5
```
#c675f5 rgb(198,117,245)
```
#d08df7
```
#d08df7 rgb(208,141,247)
```

Monochromatic Color

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

#8845f2
```
#8845f2 rgb(136,69,242)
```
#9645f2
```
#9645f2 rgb(150,69,242)
```
#a545f2
```
#a545f2 rgb(165,69,242)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#c145f2
```
#c145f2 rgb(193,69,242)
```
#d045f2
```
#d045f2 rgb(208,69,242)
```
#de45f2
```
#de45f2 rgb(222,69,242)
```

Similar Colors

Text with hexadecimal color #b345f2

This text has a font color of #b345f2.

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

#b345f2 background color

This paragraph has a background color of #b345f2.

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

#b345f2 border color

This element has a border color of #b345f2.

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

CSS codes

.text {color:#b345f2;}

.background {background-color:#b345f2;}

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

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

#0a0110
```
#0a0110 rgb(10,1,16)
```
#160222
```
#160222 rgb(22,2,34)
```
#230434
```
#230434 rgb(35,4,52)
```
#2f0547
```
#2f0547 rgb(47,5,71)
```
#3b0659
```
#3b0659 rgb(59,6,89)
```
#47086b
```
#47086b rgb(71,8,107)
```
#53097e
```
#53097e rgb(83,9,126)
```
#5f0a90
```
#5f0a90 rgb(95,10,144)
```
#6b0ba2
```
#6b0ba2 rgb(107,11,162)
```
#770db5
```
#770db5 rgb(119,13,181)
```
#840ec7
```
#840ec7 rgb(132,14,199)
```
#900fd9
```
#900fd9 rgb(144,15,217)
```
#9c10ec
```
#9c10ec rgb(156,16,236)
```

Shade Color Variation

#a420ef
```
#a420ef rgb(164,32,239)
```
#ac33f1
```
#ac33f1 rgb(172,51,241)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#ba57f3
```
#ba57f3 rgb(186,87,243)
```
#c26af5
```
#c26af5 rgb(194,106,245)
```
#c97cf6
```
#c97cf6 rgb(201,124,246)
```
#d18ef7
```
#d18ef7 rgb(209,142,247)
```
#d8a1f8
```
#d8a1f8 rgb(216,161,248)
```
#e0b3fa
```
#e0b3fa rgb(224,179,250)
```
#e7c5fb
```
#e7c5fb rgb(231,197,251)
```
#efd8fc
```
#efd8fc rgb(239,216,252)
```
#f6eafe
```
#f6eafe rgb(246,234,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#9c999e
```
#9c999e rgb(156,153,158)
```
#9e92a5
```
#9e92a5 rgb(158,146,165)
```
#a08aad
```
#a08aad rgb(160,138,173)
```
#a282b5
```
#a282b5 rgb(162,130,181)
```
#a47bbc
```
#a47bbc rgb(164,123,188)
```
#a773c4
```
#a773c4 rgb(167,115,196)
```
#a96bcc
```
#a96bcc rgb(169,107,204)
```
#ab64d3
```
#ab64d3 rgb(171,100,211)
```
#ad5cdb
```
#ad5cdb rgb(173,92,219)
```
#af54e3
```
#af54e3 rgb(175,84,227)
```
#b14dea
```
#b14dea rgb(177,77,234)
```
#b345f2
```
#b345f2 rgb(179,69,242)
```
#b53dfa
```
#b53dfa rgb(181,61,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#856f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#a07880 Tritanopia 0.001% of the population

Trichromacy

#416af6 Protanomaly 1% of men, 0.01% of women
#416de5 Deuteranomaly 6% of men, 0.4% of women
#a765aa Tritanomaly 0.01% of the population

#b345f2 hex color

#b345f2 Color Information

#b345f2 Color Conversion

Color Schemes with #b345f2

Alternatives to #b345f2

#b345f2 Preview

Shades and Tints of #b345f2

Tones of #b345f2

Color Blindness Simulator