colorhexa.com

#b678fd hex color

In a RGB color space, hex #b678fd is composed of 71.4% red, 47.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 52.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 268 degrees, a saturation of 97.1% and a lightness of 73.1%. #b678fd color hex could be obtained by blending #fff0ff with #6d00fb. Closest websafe color is: #cc66ff.

- R 71
- G 47
- B 99
RGB color chart
- C 28
- M 53
- Y 0
- K 1
CMYK color chart

● #b678fd color description : Soft violet.

The hexadecimal color #b678fd has RGB values of R:182, G:120, B:253 and CMYK values of C:0.28, M:0.53, Y:0, K:0.01. Its decimal value is 11958525.

Hex triplet	b678fd	`#b678fd`
RGB Decimal	182, 120, 253	`rgb(182,120,253)`
RGB Percent	71.4, 47.1, 99.2	`rgb(71.4%,47.1%,99.2%)`
CMYK	28, 53, 0, 1
HSL	268°, 97.1, 73.1	`hsl(268,97.1%,73.1%)`
HSV (or HSB)	268°, 52.6, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.058, 49.554, -57.529
XYZ	43.735, 30.47, 96.5
xyY	0.256, 0.178, 30.47
CIE-LCH	62.058, 75.929, 310.741
CIE-LUV	62.058, 18.975, -97.886
Hunter-Lab	55.2, 44.825, -65.011
Binary	10110110, 01111000, 11111101

#b678fd
```
#b678fd rgb(182,120,253)
```
#bffd78
```
#bffd78 rgb(191,253,120)
```

Complementary Color

#787dfd
```
#787dfd rgb(120,125,253)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#f978fd
```
#f978fd rgb(249,120,253)
```

Analogous Color

#7dfd78
```
#7dfd78 rgb(125,253,120)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#fdf978
```
#fdf978 rgb(253,249,120)
```

Split Complementary Color

#78fdb6
```
#78fdb6 rgb(120,253,182)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#fdb678
```
#fdb678 rgb(253,182,120)
```

Triadic Color

#78bffd
```
#78bffd rgb(120,191,253)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#fdb678
```
#fdb678 rgb(253,182,120)
```
#bffd78
```
#bffd78 rgb(191,253,120)
```

Tetradic Color

#8d2dfc
```
#8d2dfc rgb(141,45,252)
```
#9b46fc
```
#9b46fc rgb(155,70,252)
```
#a85ffd
```
#a85ffd rgb(168,95,253)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#c491fd
```
#c491fd rgb(196,145,253)
```
#d1aafe
```
#d1aafe rgb(209,170,254)
```
#dfc3fe
```
#dfc3fe rgb(223,195,254)
```

Monochromatic Color

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

#9578fd
```
#9578fd rgb(149,120,253)
```
#a078fd
```
#a078fd rgb(160,120,253)
```
#ab78fd
```
#ab78fd rgb(171,120,253)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#c178fd
```
#c178fd rgb(193,120,253)
```
#cc78fd
```
#cc78fd rgb(204,120,253)
```
#d778fd
```
#d778fd rgb(215,120,253)
```

Similar Colors

Text with hexadecimal color #b678fd

This text has a font color of #b678fd.

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

#b678fd background color

This paragraph has a background color of #b678fd.

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

#b678fd border color

This element has a border color of #b678fd.

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

CSS codes

.text {color:#b678fd;}

.background {background-color:#b678fd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090014
```
#090014 rgb(9,0,20)
```
#120127
```
#120127 rgb(18,1,39)
```
#1c013a
```
#1c013a rgb(28,1,58)
```
#25014e
```
#25014e rgb(37,1,78)
```
#2e0161
```
#2e0161 rgb(46,1,97)
```
#370274
```
#370274 rgb(55,2,116)
```
#400288
```
#400288 rgb(64,2,136)
```
#49029b
```
#49029b rgb(73,2,155)
```
#5303ae
```
#5303ae rgb(83,3,174)
```
#5c03c2
```
#5c03c2 rgb(92,3,194)
```
#6503d5
```
#6503d5 rgb(101,3,213)
```
#6e03e8
```
#6e03e8 rgb(110,3,232)
```

Shade Color Variation

#7704fb
```
#7704fb rgb(119,4,251)
```
#8217fc
```
#8217fc rgb(130,23,252)
```
#8c2bfc
```
#8c2bfc rgb(140,43,252)
```
#973efc
```
#973efc rgb(151,62,252)
```
#a151fc
```
#a151fc rgb(161,81,252)
```
#ac65fd
```
#ac65fd rgb(172,101,253)
```
#b678fd
```
#b678fd rgb(182,120,253)
```
#c08bfd
```
#c08bfd rgb(192,139,253)
```
#cb9ffe
```
#cb9ffe rgb(203,159,254)
```
#d5b2fe
```
#d5b2fe rgb(213,178,254)
```
#e0c5fe
```
#e0c5fe rgb(224,197,254)
```
#ead9fe
```
#ead9fe rgb(234,217,254)
```
#f5ecff
```
#f5ecff rgb(245,236,255)
```

Tint Color Variation

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

#bab7be
```
#bab7be rgb(186,183,190)
```
#bab2c3
```
#bab2c3 rgb(186,178,195)
```
#baadc8
```
#baadc8 rgb(186,173,200)
```
#b9a7ce
```
#b9a7ce rgb(185,167,206)
```
#b9a2d3
```
#b9a2d3 rgb(185,162,211)
```
#b89dd8
```
#b89dd8 rgb(184,157,216)
```
#b898dd
```
#b898dd rgb(184,152,221)
```
#b892e3
```
#b892e3 rgb(184,146,227)
```
#b78de8
```
#b78de8 rgb(183,141,232)
```
#b788ed
```
#b788ed rgb(183,136,237)
```
#b783f2
```
#b783f2 rgb(183,131,242)
```
#b67df8
```
#b67df8 rgb(182,125,248)
```
#b678fd
```
#b678fd rgb(182,120,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a093ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#5f9cf2 Deuteranopia 1% of men
#a597a2 Tritanopia 0.001% of the population

Trichromacy

#848cfe Protanomaly 1% of men, 0.01% of women
#7e8ff6 Deuteranomaly 6% of men, 0.4% of women
#ab8cc3 Tritanomaly 0.01% of the population