#680fdb hex color

In a RGB color space, hex #680fdb is composed of 40.8% red, 5.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 93.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 266.2 degrees, a saturation of 87.2% and a lightness of 45.9%. #680fdb color hex could be obtained by blending #d01eff with #0000b7. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 6
- B 86
RGB color chart
- C 53
- M 93
- Y 0
- K 14
CMYK color chart

● #680fdb color description : Vivid violet.

The hexadecimal color #680fdb has RGB values of R:104, G:15, B:219 and CMYK values of C:0.53, M:0.93, Y:0, K:0.14. Its decimal value is 6819803.

Hex triplet	680fdb	`#680fdb`
RGB Decimal	104, 15, 219	`rgb(104,15,219)`
RGB Percent	40.8, 5.9, 85.9	`rgb(40.8%,5.9%,85.9%)`
CMYK	53, 93, 0, 14
HSL	266.2°, 87.2, 45.9	`hsl(266.2,87.2%,45.9%)`
HSV (or HSB)	266.2°, 93.2, 85.9
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.8, 71.652, -83.075
XYZ	18.664, 8.399, 67.652
xyY	0.197, 0.089, 8.399
CIE-LCH	34.8, 109.706, 310.778
CIE-LUV	34.8, 7.66, -113.496
Hunter-Lab	28.981, 64.238, -118.117
Binary	01101000, 00001111, 11011011

#680fdb
```
#680fdb rgb(104,15,219)
```
#82db0f
```
#82db0f rgb(130,219,15)
```

Complementary Color

#0f1cdb
```
#0f1cdb rgb(15,28,219)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#ce0fdb
```
#ce0fdb rgb(206,15,219)
```

Analogous Color

#1cdb0f
```
#1cdb0f rgb(28,219,15)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#dbce0f
```
#dbce0f rgb(219,206,15)
```

Split Complementary Color

#0fdb68
```
#0fdb68 rgb(15,219,104)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#db680f
```
#db680f rgb(219,104,15)
```

Triadic Color

#0f82db
```
#0f82db rgb(15,130,219)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#db680f
```
#db680f rgb(219,104,15)
```
#82db0f
```
#82db0f rgb(130,219,15)
```

Tetradic Color

#460a93
```
#460a93 rgb(70,10,147)
```
#510cab
```
#510cab rgb(81,12,171)
```
#5d0dc3
```
#5d0dc3 rgb(93,13,195)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#7415ef
```
#7415ef rgb(116,21,239)
```
#822cf1
```
#822cf1 rgb(130,44,241)
```
#9044f2
```
#9044f2 rgb(144,68,242)
```

Monochromatic Color

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

#350fdb
```
#350fdb rgb(53,15,219)
```
#460fdb
```
#460fdb rgb(70,15,219)
```
#570fdb
```
#570fdb rgb(87,15,219)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#790fdb
```
#790fdb rgb(121,15,219)
```
#8a0fdb
```
#8a0fdb rgb(138,15,219)
```
#9b0fdb
```
#9b0fdb rgb(155,15,219)
```

Similar Colors

Text with hexadecimal color #680fdb

This text has a font color of #680fdb.

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

#680fdb background color

This paragraph has a background color of #680fdb.

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

#680fdb border color

This element has a border color of #680fdb.

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

CSS codes

.text {color:#680fdb;}

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

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

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

#080111
```
#080111 rgb(8,1,17)
```
#110223
```
#110223 rgb(17,2,35)
```
#1a0436
```
#1a0436 rgb(26,4,54)
```
#220548
```
#220548 rgb(34,5,72)
```
#2b065a
```
#2b065a rgb(43,6,90)
```
#34076d
```
#34076d rgb(52,7,109)
```
#3c097f
```
#3c097f rgb(60,9,127)
```
#450a92
```
#450a92 rgb(69,10,146)
```
#4e0ba4
```
#4e0ba4 rgb(78,11,164)
```
#570cb6
```
#570cb6 rgb(87,12,182)
```
#5f0ec9
```
#5f0ec9 rgb(95,14,201)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#7110ed
```
#7110ed rgb(113,16,237)
```

Shade Color Variation

#7b21f0
```
#7b21f0 rgb(123,33,240)
```
#8634f1
```
#8634f1 rgb(134,52,241)
```
#9146f2
```
#9146f2 rgb(145,70,242)
```
#9c58f4
```
#9c58f4 rgb(156,88,244)
```
#a76bf5
```
#a76bf5 rgb(167,107,245)
```
#b27df6
```
#b27df6 rgb(178,125,246)
```
#bd90f7
```
#bd90f7 rgb(189,144,247)
```
#c8a2f9
```
#c8a2f9 rgb(200,162,249)
```
#d3b4fa
```
#d3b4fa rgb(211,180,250)
```
#dec7fb
```
#dec7fb rgb(222,199,251)
```
#e8d9fc
```
#e8d9fc rgb(232,217,252)
```
#f3ebfe
```
#f3ebfe rgb(243,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#757278
```
#757278 rgb(117,114,120)
```
#736981
```
#736981 rgb(115,105,129)
```
#72608a
```
#72608a rgb(114,96,138)
```
#715793
```
#715793 rgb(113,87,147)
```
#704e9c
```
#704e9c rgb(112,78,156)
```
#6f45a5
```
#6f45a5 rgb(111,69,165)
```
#6e3cae
```
#6e3cae rgb(110,60,174)
```
#6d33b7
```
#6d33b7 rgb(109,51,183)
```
#6b2ac0
```
#6b2ac0 rgb(107,42,192)
```
#6a21c9
```
#6a21c9 rgb(106,33,201)
```
#6918d2
```
#6918d2 rgb(105,24,210)
```
#680fdb
```
#680fdb rgb(104,15,219)
```
#6706e4
```
#6706e4 rgb(103,6,228)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#493760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#3e6066 Tritanopia 0.001% of the population

Trichromacy

#253dbc Protanomaly 1% of men, 0.01% of women
#2540ae Deuteranomaly 6% of men, 0.4% of women
#4d4291 Tritanomaly 0.01% of the population

#680fdb hex color

#680fdb Color Information

#680fdb Color Conversion

Color Schemes with #680fdb

Alternatives to #680fdb

#680fdb Preview

Shades and Tints of #680fdb

Tones of #680fdb

Color Blindness Simulator