#b309ff hex color

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

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

● #b309ff color description : Vivid violet.

The hexadecimal color #b309ff has RGB values of R:179, G:9, B:255 and CMYK values of C:0.3, M:0.96, Y:0, K:0. Its decimal value is 11733503.

Hex triplet	b309ff	`#b309ff`
RGB Decimal	179, 9, 255	`rgb(179,9,255)`
RGB Percent	70.2, 3.5, 100	`rgb(70.2%,3.5%,100%)`
CMYK	30, 96, 0, 0
HSL	281.5°, 100, 51.8	`hsl(281.5,100%,51.8%)`
HSV (or HSB)	281.5°, 96.5, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.26, 87.227, -80.951
XYZ	36.736, 17, 95.948
xyY	0.245, 0.114, 17
CIE-LCH	48.26, 119.003, 317.137
CIE-LUV	48.26, 34.94, -128.206
Hunter-Lab	41.231, 86.882, -109.111
Binary	10110011, 00001001, 11111111

#b309ff
```
#b309ff rgb(179,9,255)
```
#55ff09
```
#55ff09 rgb(85,255,9)
```

Complementary Color

#3809ff
```
#3809ff rgb(56,9,255)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#ff09d0
```
#ff09d0 rgb(255,9,208)
```

Analogous Color

#09ff38
```
#09ff38 rgb(9,255,56)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#d0ff09
```
#d0ff09 rgb(208,255,9)
```

Split Complementary Color

#09ffb3
```
#09ffb3 rgb(9,255,179)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#ffb309
```
#ffb309 rgb(255,179,9)
```

Triadic Color

#0955ff
```
#0955ff rgb(9,85,255)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#ffb309
```
#ffb309 rgb(255,179,9)
```
#55ff09
```
#55ff09 rgb(85,255,9)
```

Tetradic Color

#8200bc
```
#8200bc rgb(130,0,188)
```
#9300d5
```
#9300d5 rgb(147,0,213)
```
#a500ef
```
#a500ef rgb(165,0,239)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#bb23ff
```
#bb23ff rgb(187,35,255)
```
#c33cff
```
#c33cff rgb(195,60,255)
```
#cb56ff
```
#cb56ff rgb(203,86,255)
```

Monochromatic Color

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

#7609ff
```
#7609ff rgb(118,9,255)
```
#8a09ff
```
#8a09ff rgb(138,9,255)
```
#9f09ff
```
#9f09ff rgb(159,9,255)
```
#b309ff
```
#b309ff rgb(179,9,255)
```
#c809ff
```
#c809ff rgb(200,9,255)
```
#dc09ff
```
#dc09ff rgb(220,9,255)
```
#f109ff
```
#f109ff rgb(241,9,255)
```

Similar Colors

Text with hexadecimal color #b309ff

This text has a font color of #b309ff.

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

#b309ff background color

This paragraph has a background color of #b309ff.

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

#b309ff border color

This element has a border color of #b309ff.

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

CSS codes

.text {color:#b309ff;}

.background {background-color:#b309ff;}

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

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

#060009
```
#060009 rgb(6,0,9)
```
#14001d
```
#14001d rgb(20,0,29)
```
#210030
```
#210030 rgb(33,0,48)
```
#2f0044
```
#2f0044 rgb(47,0,68)
```
#3c0057
```
#3c0057 rgb(60,0,87)
```
#4a006b
```
#4a006b rgb(74,0,107)
```
#58007f
```
#58007f rgb(88,0,127)
```
#650092
```
#650092 rgb(101,0,146)
```
#7300a6
```
#7300a6 rgb(115,0,166)
```
#8000ba
```
#8000ba rgb(128,0,186)
```
#8e00cd
```
#8e00cd rgb(142,0,205)
```
#9b00e1
```
#9b00e1 rgb(155,0,225)
```
#a900f4
```
#a900f4 rgb(169,0,244)
```

Shade Color Variation

#b309ff
```
#b309ff rgb(179,9,255)
```
#b91dff
```
#b91dff rgb(185,29,255)
```
#bf30ff
```
#bf30ff rgb(191,48,255)
```
#c544ff
```
#c544ff rgb(197,68,255)
```
#cb57ff
```
#cb57ff rgb(203,87,255)
```
#d16bff
```
#d16bff rgb(209,107,255)
```
#d77fff
```
#d77fff rgb(215,127,255)
```
#dd92ff
```
#dd92ff rgb(221,146,255)
```
#e3a6ff
```
#e3a6ff rgb(227,166,255)
```
#eabaff
```
#eabaff rgb(234,186,255)
```
#f0cdff
```
#f0cdff rgb(240,205,255)
```
#f6e1ff
```
#f6e1ff rgb(246,225,255)
```
#fcf4ff
```
#fcf4ff rgb(252,244,255)
```

Tint Color Variation

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

#887b8d
```
#887b8d rgb(136,123,141)
```
#8b7197
```
#8b7197 rgb(139,113,151)
```
#8f68a0
```
#8f68a0 rgb(143,104,160)
```
#925eaa
```
#925eaa rgb(146,94,170)
```
#9655b3
```
#9655b3 rgb(150,85,179)
```
#9a4bbd
```
#9a4bbd rgb(154,75,189)
```
#9d42c6
```
#9d42c6 rgb(157,66,198)
```
#a138d0
```
#a138d0 rgb(161,56,208)
```
#a52fd9
```
#a52fd9 rgb(165,47,217)
```
#a825e3
```
#a825e3 rgb(168,37,227)
```
#ac1cec
```
#ac1cec rgb(172,28,236)
```
#af12f6
```
#af12f6 rgb(175,18,246)
```
#b309ff
```
#b309ff rgb(179,9,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6a4879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#9a6d75 Tritanopia 0.001% of the population

Trichromacy

#414eef Protanomaly 1% of men, 0.01% of women
#4152dd Deuteranomaly 6% of men, 0.4% of women
#a349a7 Tritanomaly 0.01% of the population

#b309ff hex color

#b309ff Color Information

#b309ff Color Conversion

Color Schemes with #b309ff

Alternatives to #b309ff

#b309ff Preview

Shades and Tints of #b309ff

Tones of #b309ff

Color Blindness Simulator