colorhexa.com

#b314fd hex color

In a RGB color space, hex #b314fd is composed of 70.2% red, 7.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 92.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 280.9 degrees, a saturation of 98.3% and a lightness of 53.5%. #b314fd color hex could be obtained by blending #ff28ff with #6700fb. Closest websafe color is: #cc00ff.

- R 70
- G 8
- B 99
RGB color chart
- C 29
- M 92
- Y 0
- K 1
CMYK color chart

● #b314fd color description : Vivid violet.

The hexadecimal color #b314fd has RGB values of R:179, G:20, B:253 and CMYK values of C:0.29, M:0.92, Y:0, K:0.01. Its decimal value is 11736317.

Hex triplet	b314fd	`#b314fd`
RGB Decimal	179, 20, 253	`rgb(179,20,253)`
RGB Percent	70.2, 7.8, 99.2	`rgb(70.2%,7.8%,99.2%)`
CMYK	29, 92, 0, 1
HSL	280.9°, 98.3, 53.5	`hsl(280.9,98.3%,53.5%)`
HSV (or HSB)	280.9°, 92.1, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.482, 85.715, -79.472
XYZ	36.568, 17.177, 94.312
xyY	0.247, 0.116, 17.177
CIE-LCH	48.482, 116.888, 317.164
CIE-LUV	48.482, 35.038, -126.36
Hunter-Lab	41.445, 84.965, -105.909
Binary	10110011, 00010100, 11111101

#b314fd
```
#b314fd rgb(179,20,253)
```
#5efd14
```
#5efd14 rgb(94,253,20)
```

Complementary Color

#3e14fd
```
#3e14fd rgb(62,20,253)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#fd14d3
```
#fd14d3 rgb(253,20,211)
```

Analogous Color

#14fd3e
```
#14fd3e rgb(20,253,62)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#d3fd14
```
#d3fd14 rgb(211,253,20)
```

Split Complementary Color

#14fdb3
```
#14fdb3 rgb(20,253,179)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```

Triadic Color

#145efd
```
#145efd rgb(20,94,253)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#5efd14
```
#5efd14 rgb(94,253,20)
```

Tetradic Color

#8502c3
```
#8502c3 rgb(133,2,195)
```
#9702dc
```
#9702dc rgb(151,2,220)
```
#a802f5
```
#a802f5 rgb(168,2,245)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#bb2dfd
```
#bb2dfd rgb(187,45,253)
```
#c347fd
```
#c347fd rgb(195,71,253)
```
#cc60fe
```
#cc60fe rgb(204,96,254)
```

Monochromatic Color

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

#7914fd
```
#7914fd rgb(121,20,253)
```
#8c14fd
```
#8c14fd rgb(140,20,253)
```
#a014fd
```
#a014fd rgb(160,20,253)
```
#b314fd
```
#b314fd rgb(179,20,253)
```
#c614fd
```
#c614fd rgb(198,20,253)
```
#da14fd
```
#da14fd rgb(218,20,253)
```
#ed14fd
```
#ed14fd rgb(237,20,253)
```

Similar Colors

Text with hexadecimal color #b314fd

This text has a font color of #b314fd.

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

#b314fd background color

This paragraph has a background color of #b314fd.

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

#b314fd border color

This element has a border color of #b314fd.

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

CSS codes

.text {color:#b314fd;}

.background {background-color:#b314fd;}

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

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

#0c0012
```
#0c0012 rgb(12,0,18)
```
#1a0025
```
#1a0025 rgb(26,0,37)
```
#270039
```
#270039 rgb(39,0,57)
```
#34014c
```
#34014c rgb(52,1,76)
```
#420160
```
#420160 rgb(66,1,96)
```
#4f0173
```
#4f0173 rgb(79,1,115)
```
#5c0187
```
#5c0187 rgb(92,1,135)
```
#6a019a
```
#6a019a rgb(106,1,154)
```
#7701ad
```
#7701ad rgb(119,1,173)
```
#8402c1
```
#8402c1 rgb(132,2,193)
```
#9102d4
```
#9102d4 rgb(145,2,212)
```
#9f02e8
```
#9f02e8 rgb(159,2,232)
```
#ac02fb
```
#ac02fb rgb(172,2,251)
```

Shade Color Variation

#b314fd
```
#b314fd rgb(179,20,253)
```
#b927fd
```
#b927fd rgb(185,39,253)
```
#c03bfd
```
#c03bfd rgb(192,59,253)
```
#c64efd
```
#c64efd rgb(198,78,253)
```
#cc62fe
```
#cc62fe rgb(204,98,254)
```
#d275fe
```
#d275fe rgb(210,117,254)
```
#d989fe
```
#d989fe rgb(217,137,254)
```
#df9cfe
```
#df9cfe rgb(223,156,254)
```
#e5b0fe
```
#e5b0fe rgb(229,176,254)
```
#ecc3fe
```
#ecc3fe rgb(236,195,254)
```
#f2d6ff
```
#f2d6ff rgb(242,214,255)
```
#f8eaff
```
#f8eaff rgb(248,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8b8190
```
#8b8190 rgb(139,129,144)
```
#8e7899
```
#8e7899 rgb(142,120,153)
```
#926fa2
```
#926fa2 rgb(146,111,162)
```
#9566ab
```
#9566ab rgb(149,102,171)
```
#985db4
```
#985db4 rgb(152,93,180)
```
#9c54bd
```
#9c54bd rgb(156,84,189)
```
#9f4bc6
```
#9f4bc6 rgb(159,75,198)
```
#a242cf
```
#a242cf rgb(162,66,207)
```
#a638d9
```
#a638d9 rgb(166,56,217)
```
#a92fe2
```
#a92fe2 rgb(169,47,226)
```
#ac26eb
```
#ac26eb rgb(172,38,235)
```
#b01df4
```
#b01df4 rgb(176,29,244)
```
#b314fd
```
#b314fd rgb(179,20,253)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f4f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#9b6e75 Tritanopia 0.001% of the population

Trichromacy

#4152ef Protanomaly 1% of men, 0.01% of women
#4156dd Deuteranomaly 6% of men, 0.4% of women
#a44da6 Tritanomaly 0.01% of the population