#680bfb hex color

In a RGB color space, hex #680bfb is composed of 40.8% red, 4.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 95.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 263.3 degrees, a saturation of 96.8% and a lightness of 51.4%. #680bfb color hex could be obtained by blending #d016ff with #0000f7. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 41
- G 4
- B 98
RGB color chart
- C 59
- M 96
- Y 0
- K 2
CMYK color chart

● #680bfb color description : Vivid violet.

The hexadecimal color #680bfb has RGB values of R:104, G:11, B:251 and CMYK values of C:0.59, M:0.96, Y:0, K:0.02. Its decimal value is 6818811.

Hex triplet	680bfb	`#680bfb`
RGB Decimal	104, 11, 251	`rgb(104,11,251)`
RGB Percent	40.8, 4.3, 98.4	`rgb(40.8%,4.3%,98.4%)`
CMYK	59, 96, 0, 2
HSL	263.3°, 96.8, 51.4	`hsl(263.3,96.8%,51.4%)`
HSV (or HSB)	263.3°, 95.6, 98.4
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.105, 79.439, -95.79
XYZ	23.238, 10.147, 91.996
xyY	0.185, 0.081, 10.147
CIE-LCH	38.105, 124.444, 309.669
CIE-LUV	38.105, 3.996, -131.786
Hunter-Lab	31.854, 74.474, -148.934
Binary	01101000, 00001011, 11111011

#680bfb
```
#680bfb rgb(104,11,251)
```
#9efb0b
```
#9efb0b rgb(158,251,11)
```

Complementary Color

#0b26fb
```
#0b26fb rgb(11,38,251)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#e00bfb
```
#e00bfb rgb(224,11,251)
```

Analogous Color

#26fb0b
```
#26fb0b rgb(38,251,11)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#fbe00b
```
#fbe00b rgb(251,224,11)
```

Split Complementary Color

#0bfb68
```
#0bfb68 rgb(11,251,104)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#fb680b
```
#fb680b rgb(251,104,11)
```

Triadic Color

#0b9efb
```
#0b9efb rgb(11,158,251)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#fb680b
```
#fb680b rgb(251,104,11)
```
#9efb0b
```
#9efb0b rgb(158,251,11)
```

Tetradic Color

#4903b7
```
#4903b7 rgb(73,3,183)
```
#5303d0
```
#5303d0 rgb(83,3,208)
```
#5d04e9
```
#5d04e9 rgb(93,4,233)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#7824fb
```
#7824fb rgb(120,36,251)
```
#873dfc
```
#873dfc rgb(135,61,252)
```
#9756fc
```
#9756fc rgb(151,86,252)
```

Monochromatic Color

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

#2c0bfb
```
#2c0bfb rgb(44,11,251)
```
#400bfb
```
#400bfb rgb(64,11,251)
```
#540bfb
```
#540bfb rgb(84,11,251)
```
#680bfb
```
#680bfb rgb(104,11,251)
```
#7c0bfb
```
#7c0bfb rgb(124,11,251)
```
#900bfb
```
#900bfb rgb(144,11,251)
```
#a40bfb
```
#a40bfb rgb(164,11,251)
```

Similar Colors

Text with hexadecimal color #680bfb

This text has a font color of #680bfb.

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

#680bfb background color

This paragraph has a background color of #680bfb.

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

#680bfb border color

This element has a border color of #680bfb.

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

CSS codes

.text {color:#680bfb;}

.background {background-color:#680bfb;}

.border {border:1px solid #680bfb;}

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

#030007
```
#030007 rgb(3,0,7)
```
#0a001a
```
#0a001a rgb(10,0,26)
```
#12012d
```
#12012d rgb(18,1,45)
```
#1a0141
```
#1a0141 rgb(26,1,65)
```
#210154
```
#210154 rgb(33,1,84)
```
#290267
```
#290267 rgb(41,2,103)
```
#31027b
```
#31027b rgb(49,2,123)
```
#38028e
```
#38028e rgb(56,2,142)
```
#4003a1
```
#4003a1 rgb(64,3,161)
```
#4803b5
```
#4803b5 rgb(72,3,181)
```
#4f03c8
```
#4f03c8 rgb(79,3,200)
```
#5704db
```
#5704db rgb(87,4,219)
```
#5f04ee
```
#5f04ee rgb(95,4,238)
```

Shade Color Variation

#680bfb
```
#680bfb rgb(104,11,251)
```
#741efb
```
#741efb rgb(116,30,251)
```
#8032fc
```
#8032fc rgb(128,50,252)
```
#8c45fc
```
#8c45fc rgb(140,69,252)
```
#9858fc
```
#9858fc rgb(152,88,252)
```
#a46bfd
```
#a46bfd rgb(164,107,253)
```
#b07ffd
```
#b07ffd rgb(176,127,253)
```
#bc92fd
```
#bc92fd rgb(188,146,253)
```
#c8a5fe
```
#c8a5fe rgb(200,165,254)
```
#d3b9fe
```
#d3b9fe rgb(211,185,254)
```
#dfccfe
```
#dfccfe rgb(223,204,254)
```
#ebdffe
```
#ebdffe rgb(235,223,254)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#827d89
```
#827d89 rgb(130,125,137)
```
#807492
```
#807492 rgb(128,116,146)
```
#7d6a9c
```
#7d6a9c rgb(125,106,156)
```
#7b61a5
```
#7b61a5 rgb(123,97,165)
```
#7957af
```
#7957af rgb(121,87,175)
```
#774eb8
```
#774eb8 rgb(119,78,184)
```
#7544c2
```
#7544c2 rgb(117,68,194)
```
#733bcb
```
#733bcb rgb(115,59,203)
```
#7131d5
```
#7131d5 rgb(113,49,213)
```
#6e28de
```
#6e28de rgb(110,40,222)
```
#6c1ee8
```
#6c1ee8 rgb(108,30,232)
```
#6a15f1
```
#6a15f1 rgb(106,21,241)
```
#680bfb
```
#680bfb rgb(104,11,251)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4a3767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#2540d1 Protanomaly 1% of men, 0.01% of women
#2544c1 Deuteranomaly 6% of men, 0.4% of women
#2548a4 Tritanomaly 0.01% of the population

#680bfb hex color

#680bfb Color Information

#680bfb Color Conversion

Color Schemes with #680bfb

Alternatives to #680bfb

#680bfb Preview

Shades and Tints of #680bfb

Tones of #680bfb

Color Blindness Simulator