#680df2 hex color

In a RGB color space, hex #680df2 is composed of 40.8% red, 5.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 94.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 263.8 degrees, a saturation of 89.8% and a lightness of 50%. #680df2 color hex could be obtained by blending #d01aff with #0000e5. Closest websafe color is: #6600ff.

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

● #680df2 color description : Vivid violet.

The hexadecimal color #680df2 has RGB values of R:104, G:13, B:242 and CMYK values of C:0.57, M:0.95, Y:0, K:0.05. Its decimal value is 6819314.

Hex triplet	680df2	`#680df2`
RGB Decimal	104, 13, 242	`rgb(104,13,242)`
RGB Percent	40.8, 5.1, 94.9	`rgb(40.8%,5.1%,94.9%)`
CMYK	57, 95, 0, 5
HSL	263.8°, 89.8, 50	`hsl(263.8,89.8%,50%)`
HSV (or HSB)	263.8°, 94.6, 94.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.191, 77.152, -92.236
XYZ	21.877, 9.641, 84.708
xyY	0.188, 0.083, 9.641
CIE-LCH	37.191, 120.249, 309.911
CIE-LUV	37.191, 4.935, -126.692
Hunter-Lab	31.05, 71.427, -140.013
Binary	01101000, 00001101, 11110010

#680df2
```
#680df2 rgb(104,13,242)
```
#97f20d
```
#97f20d rgb(151,242,13)
```

Complementary Color

#0d25f2
```
#0d25f2 rgb(13,37,242)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#db0df2
```
#db0df2 rgb(219,13,242)
```

Analogous Color

#25f20d
```
#25f20d rgb(37,242,13)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#f2db0d
```
#f2db0d rgb(242,219,13)
```

Split Complementary Color

#0df268
```
#0df268 rgb(13,242,104)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#f2680d
```
#f2680d rgb(242,104,13)
```

Triadic Color

#0d97f2
```
#0d97f2 rgb(13,151,242)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#f2680d
```
#f2680d rgb(242,104,13)
```
#97f20d
```
#97f20d rgb(151,242,13)
```

Tetradic Color

#4909a9
```
#4909a9 rgb(73,9,169)
```
#530ac2
```
#530ac2 rgb(83,10,194)
```
#5e0cda
```
#5e0cda rgb(94,12,218)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#7725f3
```
#7725f3 rgb(119,37,243)
```
#863df5
```
#863df5 rgb(134,61,245)
```
#9556f6
```
#9556f6 rgb(149,86,246)
```

Monochromatic Color

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

#2f0df2
```
#2f0df2 rgb(47,13,242)
```
#420df2
```
#420df2 rgb(66,13,242)
```
#550df2
```
#550df2 rgb(85,13,242)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#7b0df2
```
#7b0df2 rgb(123,13,242)
```
#8e0df2
```
#8e0df2 rgb(142,13,242)
```
#a10df2
```
#a10df2 rgb(161,13,242)
```

Similar Colors

Text with hexadecimal color #680df2

This text has a font color of #680df2.

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

#680df2 background color

This paragraph has a background color of #680df2.

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

#680df2 border color

This element has a border color of #680df2.

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

CSS codes

.text {color:#680df2;}

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

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

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

#080113
```
#080113 rgb(8,1,19)
```
#100225
```
#100225 rgb(16,2,37)
```
#180338
```
#180338 rgb(24,3,56)
```
#20044a
```
#20044a rgb(32,4,74)
```
#28055d
```
#28055d rgb(40,5,93)
```
#300670
```
#300670 rgb(48,6,112)
```
#380782
```
#380782 rgb(56,7,130)
```
#400895
```
#400895 rgb(64,8,149)
```
#4809a8
```
#4809a8 rgb(72,9,168)
```
#500aba
```
#500aba rgb(80,10,186)
```
#580bcd
```
#580bcd rgb(88,11,205)
```
#600cdf
```
#600cdf rgb(96,12,223)
```
#680df2
```
#680df2 rgb(104,13,242)
```

Shade Color Variation

#7420f3
```
#7420f3 rgb(116,32,243)
```
#7f32f4
```
#7f32f4 rgb(127,50,244)
```
#8b45f5
```
#8b45f5 rgb(139,69,245)
```
#9657f6
```
#9657f6 rgb(150,87,246)
```
#a26af7
```
#a26af7 rgb(162,106,247)
```
#ae7df8
```
#ae7df8 rgb(174,125,248)
```
#b98ff9
```
#b98ff9 rgb(185,143,249)
```
#c5a2fa
```
#c5a2fa rgb(197,162,250)
```
#d1b5fb
```
#d1b5fb rgb(209,181,251)
```
#dcc7fc
```
#dcc7fc rgb(220,199,252)
```
#e8dafd
```
#e8dafd rgb(232,218,253)
```
#f3ecfe
```
#f3ecfe rgb(243,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7986
```
#7e7986 rgb(126,121,134)
```
#7c6f90
```
#7c6f90 rgb(124,111,144)
```
#7a659a
```
#7a659a rgb(122,101,154)
```
#785ba4
```
#785ba4 rgb(120,91,164)
```
#7652ad
```
#7652ad rgb(118,82,173)
```
#7448b7
```
#7448b7 rgb(116,72,183)
```
#723ec1
```
#723ec1 rgb(114,62,193)
```
#7034cb
```
#7034cb rgb(112,52,203)
```
#6e2ad5
```
#6e2ad5 rgb(110,42,213)
```
#6c21de
```
#6c21de rgb(108,33,222)
```
#6a17e8
```
#6a17e8 rgb(106,23,232)
```
#680df2
```
#680df2 rgb(104,13,242)
```
#6603fc
```
#6603fc rgb(102,3,252)
```

Tone Color Variation

Below, you can see how #680df2 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
#4a3765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#206870 Tritanopia 0.001% of the population

Trichromacy

#2540cb Protanomaly 1% of men, 0.01% of women
#2543bc Deuteranomaly 6% of men, 0.4% of women
#3a479f Tritanomaly 0.01% of the population

#680df2 hex color

#680df2 Color Information

#680df2 Color Conversion

Color Schemes with #680df2

Alternatives to #680df2

#680df2 Preview

Shades and Tints of #680df2

Tones of #680df2

Color Blindness Simulator