#b304ff hex color

In a RGB color space, hex #b304ff is composed of 70.2% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 281.8 degrees, a saturation of 100% and a lightness of 50.8%. #b304ff color hex could be obtained by blending #ff08ff with #6700ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 70
- G 2
- B 100
RGB color chart
- C 30
- M 98
- Y 0
- K 0
CMYK color chart

● #b304ff color description : Vivid violet.

The hexadecimal color #b304ff has RGB values of R:179, G:4, B:255 and CMYK values of C:0.3, M:0.98, Y:0, K:0. Its decimal value is 11732223.

Hex triplet	b304ff	`#b304ff`
RGB Decimal	179, 4, 255	`rgb(179,4,255)`
RGB Percent	70.2, 1.6, 100	`rgb(70.2%,1.6%,100%)`
CMYK	30, 98, 0, 0
HSL	281.8°, 100, 50.8	`hsl(281.8,100%,50.8%)`
HSV (or HSB)	281.8°, 98.4, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.123, 87.638, -81.175
XYZ	36.681, 16.892, 95.93
xyY	0.245, 0.113, 16.892
CIE-LCH	48.123, 119.457, 317.193
CIE-LUV	48.123, 35.082, -128.404
Hunter-Lab	41.099, 87.388, -109.619
Binary	10110011, 00000100, 11111111

#b304ff
```
#b304ff rgb(179,4,255)
```
#50ff04
```
#50ff04 rgb(80,255,4)
```

Complementary Color

#3504ff
```
#3504ff rgb(53,4,255)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#ff04ce
```
#ff04ce rgb(255,4,206)
```

Analogous Color

#04ff35
```
#04ff35 rgb(4,255,53)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#ceff04
```
#ceff04 rgb(206,255,4)
```

Split Complementary Color

#04ffb3
```
#04ffb3 rgb(4,255,179)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#ffb304
```
#ffb304 rgb(255,179,4)
```

Triadic Color

#0450ff
```
#0450ff rgb(4,80,255)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#ffb304
```
#ffb304 rgb(255,179,4)
```
#50ff04
```
#50ff04 rgb(80,255,4)
```

Tetradic Color

#7f00b7
```
#7f00b7 rgb(127,0,183)
```
#9100d0
```
#9100d0 rgb(145,0,208)
```
#a300ea
```
#a300ea rgb(163,0,234)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#bb1eff
```
#bb1eff rgb(187,30,255)
```
#c237ff
```
#c237ff rgb(194,55,255)
```
#ca51ff
```
#ca51ff rgb(202,81,255)
```

Monochromatic Color

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

#7404ff
```
#7404ff rgb(116,4,255)
```
#8904ff
```
#8904ff rgb(137,4,255)
```
#9e04ff
```
#9e04ff rgb(158,4,255)
```
#b304ff
```
#b304ff rgb(179,4,255)
```
#c804ff
```
#c804ff rgb(200,4,255)
```
#dd04ff
```
#dd04ff rgb(221,4,255)
```
#f204ff
```
#f204ff rgb(242,4,255)
```

Similar Colors

Text with hexadecimal color #b304ff

This text has a font color of #b304ff.

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

#b304ff background color

This paragraph has a background color of #b304ff.

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

#b304ff border color

This element has a border color of #b304ff.

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

CSS codes

.text {color:#b304ff;}

.background {background-color:#b304ff;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100018
```
#100018 rgb(16,0,24)
```
#1e002b
```
#1e002b rgb(30,0,43)
```
#2c003f
```
#2c003f rgb(44,0,63)
```
#390052
```
#390052 rgb(57,0,82)
```
#470066
```
#470066 rgb(71,0,102)
```
#55007a
```
#55007a rgb(85,0,122)
```
#63008d
```
#63008d rgb(99,0,141)
```
#7000a1
```
#7000a1 rgb(112,0,161)
```
#7e00b5
```
#7e00b5 rgb(126,0,181)
```
#8c00c8
```
#8c00c8 rgb(140,0,200)
```
#9900dc
```
#9900dc rgb(153,0,220)
```
#a700ef
```
#a700ef rgb(167,0,239)
```

Shade Color Variation

#b304ff
```
#b304ff rgb(179,4,255)
```
#b918ff
```
#b918ff rgb(185,24,255)
```
#bf2bff
```
#bf2bff rgb(191,43,255)
```
#c53fff
```
#c53fff rgb(197,63,255)
```
#cb52ff
```
#cb52ff rgb(203,82,255)
```
#d166ff
```
#d166ff rgb(209,102,255)
```
#d77aff
```
#d77aff rgb(215,122,255)
```
#dd8dff
```
#dd8dff rgb(221,141,255)
```
#e3a1ff
```
#e3a1ff rgb(227,161,255)
```
#e8b5ff
```
#e8b5ff rgb(232,181,255)
```
#eec8ff
```
#eec8ff rgb(238,200,255)
```
#f4dcff
```
#f4dcff rgb(244,220,255)
```
#faefff
```
#faefff rgb(250,239,255)
```

Tint Color Variation

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

#85788b
```
#85788b rgb(133,120,139)
```
#896e95
```
#896e95 rgb(137,110,149)
```
#8d659e
```
#8d659e rgb(141,101,158)
```
#915ba8
```
#915ba8 rgb(145,91,168)
```
#9551b2
```
#9551b2 rgb(149,81,178)
```
#9848bb
```
#9848bb rgb(152,72,187)
```
#9c3ec5
```
#9c3ec5 rgb(156,62,197)
```
#a034cf
```
#a034cf rgb(160,52,207)
```
#a42bd8
```
#a42bd8 rgb(164,43,216)
```
#a821e2
```
#a821e2 rgb(168,33,226)
```
#ab17ec
```
#ab17ec rgb(171,23,236)
```
#af0ef5
```
#af0ef5 rgb(175,14,245)
```
#b304ff
```
#b304ff rgb(179,4,255)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#684577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#9a6d74 Tritanopia 0.001% of the population

Trichromacy

#414cee Protanomaly 1% of men, 0.01% of women
#4150dd Deuteranomaly 6% of men, 0.4% of women
#a347a7 Tritanomaly 0.01% of the population

#b304ff hex color

#b304ff Color Information

#b304ff Color Conversion

Color Schemes with #b304ff

Alternatives to #b304ff

#b304ff Preview

Shades and Tints of #b304ff

Tones of #b304ff

Color Blindness Simulator