#b307f7 hex color

In a RGB color space, hex #b307f7 is composed of 70.2% red, 2.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 97.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 283 degrees, a saturation of 94.5% and a lightness of 49.8%. #b307f7 color hex could be obtained by blending #ff0eff with #6700ef. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 70
- G 3
- B 97
RGB color chart
- C 28
- M 97
- Y 0
- K 3
CMYK color chart

● #b307f7 color description : Vivid violet.

The hexadecimal color #b307f7 has RGB values of R:179, G:7, B:247 and CMYK values of C:0.28, M:0.97, Y:0, K:0.03. Its decimal value is 11732983.

Hex triplet	b307f7	`#b307f7`
RGB Decimal	179, 7, 247	`rgb(179,7,247)`
RGB Percent	70.2, 2.7, 96.9	`rgb(70.2%,2.7%,96.9%)`
CMYK	28, 97, 0, 3
HSL	283°, 94.5, 49.8	`hsl(283,94.5%,49.8%)`
HSV (or HSB)	283°, 97.2, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.562, 85.945, -77.618
XYZ	35.453, 16.452, 89.299
xyY	0.251, 0.117, 16.452
CIE-LCH	47.562, 115.806, 317.914
CIE-LUV	47.562, 37.059, -123.157
Hunter-Lab	40.561, 85.035, -102.138
Binary	10110011, 00000111, 11110111

#b307f7
```
#b307f7 rgb(179,7,247)
```
#4bf707
```
#4bf707 rgb(75,247,7)
```

Complementary Color

#3b07f7
```
#3b07f7 rgb(59,7,247)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#f707c3
```
#f707c3 rgb(247,7,195)
```

Analogous Color

#07f73b
```
#07f73b rgb(7,247,59)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#c3f707
```
#c3f707 rgb(195,247,7)
```

Split Complementary Color

#07f7b3
```
#07f7b3 rgb(7,247,179)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#f7b307
```
#f7b307 rgb(247,179,7)
```

Triadic Color

#074bf7
```
#074bf7 rgb(7,75,247)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#f7b307
```
#f7b307 rgb(247,179,7)
```
#4bf707
```
#4bf707 rgb(75,247,7)
```

Tetradic Color

#7d05ad
```
#7d05ad rgb(125,5,173)
```
#8f06c5
```
#8f06c5 rgb(143,6,197)
```
#a106de
```
#a106de rgb(161,6,222)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#bb1ff9
```
#bb1ff9 rgb(187,31,249)
```
#c238f9
```
#c238f9 rgb(194,56,249)
```
#ca50fa
```
#ca50fa rgb(202,80,250)
```

Monochromatic Color

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

#7707f7
```
#7707f7 rgb(119,7,247)
```
#8b07f7
```
#8b07f7 rgb(139,7,247)
```
#9f07f7
```
#9f07f7 rgb(159,7,247)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```
#c707f7
```
#c707f7 rgb(199,7,247)
```
#db07f7
```
#db07f7 rgb(219,7,247)
```
#ef07f7
```
#ef07f7 rgb(239,7,247)
```

Similar Colors

Text with hexadecimal color #b307f7

This text has a font color of #b307f7.

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

#b307f7 background color

This paragraph has a background color of #b307f7.

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

#b307f7 border color

This element has a border color of #b307f7.

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

CSS codes

.text {color:#b307f7;}

.background {background-color:#b307f7;}

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

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

#0d0112
```
#0d0112 rgb(13,1,18)
```
#1b0125
```
#1b0125 rgb(27,1,37)
```
#290238
```
#290238 rgb(41,2,56)
```
#37024b
```
#37024b rgb(55,2,75)
```
#44035e
```
#44035e rgb(68,3,94)
```
#520371
```
#520371 rgb(82,3,113)
```
#600485
```
#600485 rgb(96,4,133)
```
#6e0498
```
#6e0498 rgb(110,4,152)
```
#7c05ab
```
#7c05ab rgb(124,5,171)
```
#8a05be
```
#8a05be rgb(138,5,190)
```
#9706d1
```
#9706d1 rgb(151,6,209)
```
#a506e4
```
#a506e4 rgb(165,6,228)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```

Shade Color Variation

#b919f8
```
#b919f8 rgb(185,25,248)
```
#bf2cf9
```
#bf2cf9 rgb(191,44,249)
```
#c53ffa
```
#c53ffa rgb(197,63,250)
```
#cb52fa
```
#cb52fa rgb(203,82,250)
```
#d065fb
```
#d065fb rgb(208,101,251)
```
#d679fb
```
#d679fb rgb(214,121,251)
```
#dc8cfc
```
#dc8cfc rgb(220,140,252)
```
#e29ffc
```
#e29ffc rgb(226,159,252)
```
#e8b2fd
```
#e8b2fd rgb(232,178,253)
```
#edc5fd
```
#edc5fd rgb(237,197,253)
```
#f3d8fe
```
#f3d8fe rgb(243,216,254)
```
#f9ebfe
```
#f9ebfe rgb(249,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#807c82
```
#807c82 rgb(128,124,130)
```
#84728c
```
#84728c rgb(132,114,140)
```
#896995
```
#896995 rgb(137,105,149)
```
#8d5f9f
```
#8d5f9f rgb(141,95,159)
```
#9155a9
```
#9155a9 rgb(145,85,169)
```
#954bb3
```
#954bb3 rgb(149,75,179)
```
#9a42bc
```
#9a42bc rgb(154,66,188)
```
#9e38c6
```
#9e38c6 rgb(158,56,198)
```
#a22ed0
```
#a22ed0 rgb(162,46,208)
```
#a624da
```
#a624da rgb(166,36,218)
```
#ab1be3
```
#ab1be3 rgb(171,27,227)
```
#af11ed
```
#af11ed rgb(175,17,237)
```
#b307f7
```
#b307f7 rgb(179,7,247)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#694676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#9d6a71 Tritanopia 0.001% of the population

Trichromacy

#414cea Protanomaly 1% of men, 0.01% of women
#4150d9 Deuteranomaly 6% of men, 0.4% of women
#a546a2 Tritanomaly 0.01% of the population

#b307f7 hex color

#b307f7 Color Information

#b307f7 Color Conversion

Color Schemes with #b307f7

Alternatives to #b307f7

#b307f7 Preview

Shades and Tints of #b307f7

Tones of #b307f7

Color Blindness Simulator