#b345f3 hex color

In a RGB color space, hex #b345f3 is composed of 70.2% red, 27.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 71.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 277.9 degrees, a saturation of 87.9% and a lightness of 61.2%. #b345f3 color hex could be obtained by blending #ff8aff with #6700e7. Closest websafe color is: #cc33ff.

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

● #b345f3 color description : Bright violet.

The hexadecimal color #b345f3 has RGB values of R:179, G:69, B:243 and CMYK values of C:0.26, M:0.72, Y:0, K:0.05. Its decimal value is 11748851.

Hex triplet	b345f3	`#b345f3`
RGB Decimal	179, 69, 243	`rgb(179,69,243)`
RGB Percent	70.2, 27.1, 95.3	`rgb(70.2%,27.1%,95.3%)`
CMYK	26, 72, 0, 5
HSL	277.9°, 87.9, 61.2	`hsl(277.9,87.9%,61.2%)`
HSV (or HSB)	277.9°, 71.6, 95.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.188, 70.819, -67.856
XYZ	36.894, 20.312, 86.766
xyY	0.256, 0.141, 20.312
CIE-LCH	52.188, 98.08, 316.224
CIE-LUV	52.188, 32.127, -111.675
Hunter-Lab	45.069, 67.252, -82.596
Binary	10110011, 01000101, 11110011

#b345f3
```
#b345f3 rgb(179,69,243)
```
#85f345
```
#85f345 rgb(133,243,69)
```

Complementary Color

#5c45f3
```
#5c45f3 rgb(92,69,243)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#f345dc
```
#f345dc rgb(243,69,220)
```

Analogous Color

#45f35c
```
#45f35c rgb(69,243,92)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#dcf345
```
#dcf345 rgb(220,243,69)
```

Split Complementary Color

#45f3b3
```
#45f3b3 rgb(69,243,179)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#f3b345
```
#f3b345 rgb(243,179,69)
```

Triadic Color

#4585f3
```
#4585f3 rgb(69,133,243)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#f3b345
```
#f3b345 rgb(243,179,69)
```
#85f345
```
#85f345 rgb(133,243,69)
```

Tetradic Color

#910edd
```
#910edd rgb(145,14,221)
```
#9f15f0
```
#9f15f0 rgb(159,21,240)
```
#a92df1
```
#a92df1 rgb(169,45,241)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#bd5df5
```
#bd5df5 rgb(189,93,245)
```
#c775f6
```
#c775f6 rgb(199,117,246)
```
#d08df8
```
#d08df8 rgb(208,141,248)
```

Monochromatic Color

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

#8845f3
```
#8845f3 rgb(136,69,243)
```
#9645f3
```
#9645f3 rgb(150,69,243)
```
#a545f3
```
#a545f3 rgb(165,69,243)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#c245f3
```
#c245f3 rgb(194,69,243)
```
#d045f3
```
#d045f3 rgb(208,69,243)
```
#df45f3
```
#df45f3 rgb(223,69,243)
```

Similar Colors

Text with hexadecimal color #b345f3

This text has a font color of #b345f3.

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

#b345f3 background color

This paragraph has a background color of #b345f3.

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

#b345f3 border color

This element has a border color of #b345f3.

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

CSS codes

.text {color:#b345f3;}

.background {background-color:#b345f3;}

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

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

#0b0111
```
#0b0111 rgb(11,1,17)
```
#170223
```
#170223 rgb(23,2,35)
```
#230336
```
#230336 rgb(35,3,54)
```
#2f0548
```
#2f0548 rgb(47,5,72)
```
#3b065a
```
#3b065a rgb(59,6,90)
```
#47076d
```
#47076d rgb(71,7,109)
```
#53087f
```
#53087f rgb(83,8,127)
```
#600992
```
#600992 rgb(96,9,146)
```
#6c0ba4
```
#6c0ba4 rgb(108,11,164)
```
#780cb7
```
#780cb7 rgb(120,12,183)
```
#840dc9
```
#840dc9 rgb(132,13,201)
```
#900edb
```
#900edb rgb(144,14,219)
```
#9c0fee
```
#9c0fee rgb(156,15,238)
```

Shade Color Variation

#a420f1
```
#a420f1 rgb(164,32,241)
```
#ab33f2
```
#ab33f2 rgb(171,51,242)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#bb57f4
```
#bb57f4 rgb(187,87,244)
```
#c26af5
```
#c26af5 rgb(194,106,245)
```
#ca7cf7
```
#ca7cf7 rgb(202,124,247)
```
#d18ff8
```
#d18ff8 rgb(209,143,248)
```
#d9a1f9
```
#d9a1f9 rgb(217,161,249)
```
#e0b4fa
```
#e0b4fa rgb(224,180,250)
```
#e8c6fb
```
#e8c6fb rgb(232,198,251)
```
#efd8fd
```
#efd8fd rgb(239,216,253)
```
#f7ebfe
```
#f7ebfe rgb(247,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#9d999f
```
#9d999f rgb(157,153,159)
```
#9f91a7
```
#9f91a7 rgb(159,145,167)
```
#a18aae
```
#a18aae rgb(161,138,174)
```
#a382b6
```
#a382b6 rgb(163,130,182)
```
#a57abe
```
#a57abe rgb(165,122,190)
```
#a773c5
```
#a773c5 rgb(167,115,197)
```
#a96bcd
```
#a96bcd rgb(169,107,205)
```
#ab63d5
```
#ab63d5 rgb(171,99,213)
```
#ad5cdc
```
#ad5cdc rgb(173,92,220)
```
#af54e4
```
#af54e4 rgb(175,84,228)
```
#b14deb
```
#b14deb rgb(177,77,235)
```
#b345f3
```
#b345f3 rgb(179,69,243)
```
#b53dfb
```
#b53dfb rgb(181,61,251)
```

Tone Color Variation

Below, you can see how #b345f3 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
#a07881 Tritanopia 0.001% of the population

Trichromacy

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

#b345f3 hex color

#b345f3 Color Information

#b345f3 Color Conversion

Color Schemes with #b345f3

Alternatives to #b345f3

#b345f3 Preview

Shades and Tints of #b345f3

Tones of #b345f3

Color Blindness Simulator