#680cfb hex color

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

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

● #680cfb color description : Vivid violet.

The hexadecimal color #680cfb has RGB values of R:104, G:12, B:251 and CMYK values of C:0.59, M:0.95, Y:0, K:0.02. Its decimal value is 6819067.

Hex triplet	680cfb	`#680cfb`
RGB Decimal	104, 12, 251	`rgb(104,12,251)`
RGB Percent	40.8, 4.7, 98.4	`rgb(40.8%,4.7%,98.4%)`
CMYK	59, 95, 0, 2
HSL	263.1°, 96.8, 51.6	`hsl(263.1,96.8%,51.6%)`
HSV (or HSB)	263.1°, 95.2, 98.4
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.147, 79.312, -95.721
XYZ	23.25, 10.17, 91.999
xyY	0.185, 0.081, 10.17
CIE-LCH	38.147, 124.309, 309.644
CIE-LUV	38.147, 3.967, -131.782
Hunter-Lab	31.891, 74.324, -148.716
Binary	01101000, 00001100, 11111011

#680cfb
```
#680cfb rgb(104,12,251)
```
#9ffb0c
```
#9ffb0c rgb(159,251,12)
```

Complementary Color

#0c28fb
```
#0c28fb rgb(12,40,251)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#e00cfb
```
#e00cfb rgb(224,12,251)
```

Analogous Color

#28fb0c
```
#28fb0c rgb(40,251,12)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#fbe00c
```
#fbe00c rgb(251,224,12)
```

Split Complementary Color

#0cfb68
```
#0cfb68 rgb(12,251,104)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#fb680c
```
#fb680c rgb(251,104,12)
```

Triadic Color

#0c9ffb
```
#0c9ffb rgb(12,159,251)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#fb680c
```
#fb680c rgb(251,104,12)
```
#9ffb0c
```
#9ffb0c rgb(159,251,12)
```

Tetradic Color

#4803b7
```
#4803b7 rgb(72,3,183)
```
#5203d1
```
#5203d1 rgb(82,3,209)
```
#5c04ea
```
#5c04ea rgb(92,4,234)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#7825fb
```
#7825fb rgb(120,37,251)
```
#873efc
```
#873efc rgb(135,62,252)
```
#9757fc
```
#9757fc rgb(151,87,252)
```

Monochromatic Color

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

#2c0cfb
```
#2c0cfb rgb(44,12,251)
```
#400cfb
```
#400cfb rgb(64,12,251)
```
#540cfb
```
#540cfb rgb(84,12,251)
```
#680cfb
```
#680cfb rgb(104,12,251)
```
#7c0cfb
```
#7c0cfb rgb(124,12,251)
```
#900cfb
```
#900cfb rgb(144,12,251)
```
#a40cfb
```
#a40cfb rgb(164,12,251)
```

Similar Colors

Text with hexadecimal color #680cfb

This text has a font color of #680cfb.

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

#680cfb background color

This paragraph has a background color of #680cfb.

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

#680cfb border color

This element has a border color of #680cfb.

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

CSS codes

.text {color:#680cfb;}

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

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

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

#030008
```
#030008 rgb(3,0,8)
```
#0b001b
```
#0b001b rgb(11,0,27)
```
#12012e
```
#12012e rgb(18,1,46)
```
#1a0142
```
#1a0142 rgb(26,1,66)
```
#220155
```
#220155 rgb(34,1,85)
```
#290268
```
#290268 rgb(41,2,104)
```
#31027c
```
#31027c rgb(49,2,124)
```
#38028f
```
#38028f rgb(56,2,143)
```
#4003a2
```
#4003a2 rgb(64,3,162)
```
#4803b6
```
#4803b6 rgb(72,3,182)
```
#4f03c9
```
#4f03c9 rgb(79,3,201)
```
#5704dc
```
#5704dc rgb(87,4,220)
```
#5f04ef
```
#5f04ef rgb(95,4,239)
```

Shade Color Variation

#680cfb
```
#680cfb rgb(104,12,251)
```
#741ffb
```
#741ffb rgb(116,31,251)
```
#8033fc
```
#8033fc rgb(128,51,252)
```
#8c46fc
```
#8c46fc rgb(140,70,252)
```
#9859fc
```
#9859fc rgb(152,89,252)
```
#a46cfd
```
#a46cfd rgb(164,108,253)
```
#b080fd
```
#b080fd rgb(176,128,253)
```
#bc93fd
```
#bc93fd rgb(188,147,253)
```
#c8a6fe
```
#c8a6fe rgb(200,166,254)
```
#d4bafe
```
#d4bafe rgb(212,186,254)
```
#e0cdfe
```
#e0cdfe rgb(224,205,254)
```
#ece0fe
```
#ece0fe rgb(236,224,254)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#827e89
```
#827e89 rgb(130,126,137)
```
#807593
```
#807593 rgb(128,117,147)
```
#7e6b9c
```
#7e6b9c rgb(126,107,156)
```
#7c62a6
```
#7c62a6 rgb(124,98,166)
```
#7958af
```
#7958af rgb(121,88,175)
```
#774fb9
```
#774fb9 rgb(119,79,185)
```
#7545c2
```
#7545c2 rgb(117,69,194)
```
#733ccc
```
#733ccc rgb(115,60,204)
```
#7132d5
```
#7132d5 rgb(113,50,213)
```
#6f29df
```
#6f29df rgb(111,41,223)
```
#6c1fe8
```
#6c1fe8 rgb(108,31,232)
```
#6a16f2
```
#6a16f2 rgb(106,22,242)
```
#680cfb
```
#680cfb rgb(104,12,251)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#4a3868 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

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

#680cfb hex color

#680cfb Color Information

#680cfb Color Conversion

Color Schemes with #680cfb

Alternatives to #680cfb

#680cfb Preview

Shades and Tints of #680cfb

Tones of #680cfb

Color Blindness Simulator