#680efe hex color

In a RGB color space, hex #680efe is composed of 40.8% red, 5.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 94.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 262.5 degrees, a saturation of 99.2% and a lightness of 52.5%. #680efe color hex could be obtained by blending #d01cff with #0000fd. Closest websafe color is: #6600ff.

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

● #680efe color description : Vivid violet.

The hexadecimal color #680efe has RGB values of R:104, G:14, B:254 and CMYK values of C:0.59, M:0.94, Y:0, K:0. Its decimal value is 6819582.

Hex triplet	680efe	`#680efe`
RGB Decimal	104, 14, 254	`rgb(104,14,254)`
RGB Percent	40.8, 5.5, 99.6	`rgb(40.8%,5.5%,99.6%)`
CMYK	59, 94, 0, 0
HSL	262.5°, 99.2, 52.5	`hsl(262.5,99.2%,52.5%)`
HSV (or HSB)	262.5°, 94.5, 99.6
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.572, 79.712, -96.697
XYZ	23.752, 10.412, 94.519
xyY	0.185, 0.081, 10.412
CIE-LCH	38.572, 125.317, 309.5
CIE-LUV	38.572, 3.582, -133.46
Hunter-Lab	32.268, 74.923, -151.083
Binary	01101000, 00001110, 11111110

#680efe
```
#680efe rgb(104,14,254)
```
#a4fe0e
```
#a4fe0e rgb(164,254,14)
```

Complementary Color

#0e2cfe
```
#0e2cfe rgb(14,44,254)
```
#680efe
```
#680efe rgb(104,14,254)
```
#e00efe
```
#e00efe rgb(224,14,254)
```

Analogous Color

#2cfe0e
```
#2cfe0e rgb(44,254,14)
```
#680efe
```
#680efe rgb(104,14,254)
```
#fee00e
```
#fee00e rgb(254,224,14)
```

Split Complementary Color

#0efe68
```
#0efe68 rgb(14,254,104)
```
#680efe
```
#680efe rgb(104,14,254)
```
#fe680e
```
#fe680e rgb(254,104,14)
```

Triadic Color

#0ea4fe
```
#0ea4fe rgb(14,164,254)
```
#680efe
```
#680efe rgb(104,14,254)
```
#fe680e
```
#fe680e rgb(254,104,14)
```
#a4fe0e
```
#a4fe0e rgb(164,254,14)
```

Tetradic Color

#4801bf
```
#4801bf rgb(72,1,191)
```
#5201d8
```
#5201d8 rgb(82,1,216)
```
#5b01f1
```
#5b01f1 rgb(91,1,241)
```
#680efe
```
#680efe rgb(104,14,254)
```
#7827fe
```
#7827fe rgb(120,39,254)
```
#8841fe
```
#8841fe rgb(136,65,254)
```
#985afe
```
#985afe rgb(152,90,254)
```

Monochromatic Color

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

#2c0efe
```
#2c0efe rgb(44,14,254)
```
#400efe
```
#400efe rgb(64,14,254)
```
#540efe
```
#540efe rgb(84,14,254)
```
#680efe
```
#680efe rgb(104,14,254)
```
#7c0efe
```
#7c0efe rgb(124,14,254)
```
#900efe
```
#900efe rgb(144,14,254)
```
#a40efe
```
#a40efe rgb(164,14,254)
```

Similar Colors

Text with hexadecimal color #680efe

This text has a font color of #680efe.

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

#680efe background color

This paragraph has a background color of #680efe.

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

#680efe border color

This element has a border color of #680efe.

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

CSS codes

.text {color:#680efe;}

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

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

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, #05000d is the darkest color, while #fbf8ff is the lightest one.

#05000d
```
#05000d rgb(5,0,13)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#140034
```
#140034 rgb(20,0,52)
```
#1b0048
```
#1b0048 rgb(27,0,72)
```
#22005b
```
#22005b rgb(34,0,91)
```
#2a006f
```
#2a006f rgb(42,0,111)
```
#310182
```
#310182 rgb(49,1,130)
```
#390196
```
#390196 rgb(57,1,150)
```
#4001a9
```
#4001a9 rgb(64,1,169)
```
#4701bd
```
#4701bd rgb(71,1,189)
```
#4f01d0
```
#4f01d0 rgb(79,1,208)
```
#5601e4
```
#5601e4 rgb(86,1,228)
```
#5d01f7
```
#5d01f7 rgb(93,1,247)
```

Shade Color Variation

#680efe
```
#680efe rgb(104,14,254)
```
#7422fe
```
#7422fe rgb(116,34,254)
```
#8035fe
```
#8035fe rgb(128,53,254)
```
#8d49fe
```
#8d49fe rgb(141,73,254)
```
#995cfe
```
#995cfe rgb(153,92,254)
```
#a570fe
```
#a570fe rgb(165,112,254)
```
#b183fe
```
#b183fe rgb(177,131,254)
```
#be97ff
```
#be97ff rgb(190,151,255)
```
#caaaff
```
#caaaff rgb(202,170,255)
```
#d6beff
```
#d6beff rgb(214,190,255)
```
#e2d1ff
```
#e2d1ff rgb(226,209,255)
```
#efe5ff
```
#efe5ff rgb(239,229,255)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#847e8e
```
#847e8e rgb(132,126,142)
```
#827498
```
#827498 rgb(130,116,152)
```
#7f6ba1
```
#7f6ba1 rgb(127,107,161)
```
#7d62aa
```
#7d62aa rgb(125,98,170)
```
#7b58b4
```
#7b58b4 rgb(123,88,180)
```
#784fbd
```
#784fbd rgb(120,79,189)
```
#7646c6
```
#7646c6 rgb(118,70,198)
```
#743dcf
```
#743dcf rgb(116,61,207)
```
#7133d9
```
#7133d9 rgb(113,51,217)
```
#6f2ae2
```
#6f2ae2 rgb(111,42,226)
```
#6d21eb
```
#6d21eb rgb(109,33,235)
```
#6a17f5
```
#6a17f5 rgb(106,23,245)
```
#680efe
```
#680efe rgb(104,14,254)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4b3969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#2542d3 Protanomaly 1% of men, 0.01% of women
#2546c3 Deuteranomaly 6% of men, 0.4% of women
#254aa6 Tritanomaly 0.01% of the population

#680efe hex color

#680efe Color Information

#680efe Color Conversion

Color Schemes with #680efe

Alternatives to #680efe

#680efe Preview

Shades and Tints of #680efe

Tones of #680efe

Color Blindness Simulator