#680ebd hex color

In a RGB color space, hex #680ebd is composed of 40.8% red, 5.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 92.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 270.9 degrees, a saturation of 86.2% and a lightness of 39.8%. #680ebd color hex could be obtained by blending #d01cff with #00007b. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 5
- B 74
RGB color chart
- C 45
- M 93
- Y 0
- K 26
CMYK color chart

● #680ebd color description : Strong violet.

The hexadecimal color #680ebd has RGB values of R:104, G:14, B:189 and CMYK values of C:0.45, M:0.93, Y:0, K:0.26. Its decimal value is 6819517.

Hex triplet	680ebd	`#680ebd`
RGB Decimal	104, 14, 189	`rgb(104,14,189)`
RGB Percent	40.8, 5.5, 74.1	`rgb(40.8%,5.5%,74.1%)`
CMYK	45, 93, 0, 26
HSL	270.9°, 86.2, 39.8	`hsl(270.9,86.2%,39.8%)`
HSV (or HSB)	270.9°, 92.6, 74.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.65, 65.112, -70.782
XYZ	15.05, 6.931, 48.686
xyY	0.213, 0.098, 6.931
CIE-LCH	31.65, 96.175, 312.611
CIE-LUV	31.65, 12.039, -95.869
Hunter-Lab	26.327, 55.965, -91.214
Binary	01101000, 00001110, 10111101

#680ebd
```
#680ebd rgb(104,14,189)
```
#63bd0e
```
#63bd0e rgb(99,189,14)
```

Complementary Color

#110ebd
```
#110ebd rgb(17,14,189)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#bd0ebb
```
#bd0ebb rgb(189,14,187)
```

Analogous Color

#0ebd10
```
#0ebd10 rgb(14,189,16)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#bbbd0e
```
#bbbd0e rgb(187,189,14)
```

Split Complementary Color

#0ebd68
```
#0ebd68 rgb(14,189,104)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#bd680e
```
#bd680e rgb(189,104,14)
```

Triadic Color

#0e63bd
```
#0e63bd rgb(14,99,189)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#bd680e
```
#bd680e rgb(189,104,14)
```
#63bd0e
```
#63bd0e rgb(99,189,14)
```

Tetradic Color

#410976
```
#410976 rgb(65,9,118)
```
#4e0a8e
```
#4e0a8e rgb(78,10,142)
```
#5b0ca5
```
#5b0ca5 rgb(91,12,165)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#7510d5
```
#7510d5 rgb(117,16,213)
```
#8212ec
```
#8212ec rgb(130,18,236)
```
#8f28ef
```
#8f28ef rgb(143,40,239)
```

Monochromatic Color

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

#3c0ebd
```
#3c0ebd rgb(60,14,189)
```
#4b0ebd
```
#4b0ebd rgb(75,14,189)
```
#590ebd
```
#590ebd rgb(89,14,189)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#770ebd
```
#770ebd rgb(119,14,189)
```
#850ebd
```
#850ebd rgb(133,14,189)
```
#940ebd
```
#940ebd rgb(148,14,189)
```

Similar Colors

Text with hexadecimal color #680ebd

This text has a font color of #680ebd.

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

#680ebd background color

This paragraph has a background color of #680ebd.

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

#680ebd border color

This element has a border color of #680ebd.

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

CSS codes

.text {color:#680ebd;}

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

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

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

#040006
```
#040006 rgb(4,0,6)
```
#0e0219
```
#0e0219 rgb(14,2,25)
```
#18032b
```
#18032b rgb(24,3,43)
```
#22053d
```
#22053d rgb(34,5,61)
```
#2c064f
```
#2c064f rgb(44,6,79)
```
#360762
```
#360762 rgb(54,7,98)
```
#400974
```
#400974 rgb(64,9,116)
```
#4a0a86
```
#4a0a86 rgb(74,10,134)
```
#540b98
```
#540b98 rgb(84,11,152)
```
#5e0dab
```
#5e0dab rgb(94,13,171)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#720fcf
```
#720fcf rgb(114,15,207)
```
#7c11e2
```
#7c11e2 rgb(124,17,226)
```

Shade Color Variation

#8618ee
```
#8618ee rgb(134,24,238)
```
#902aef
```
#902aef rgb(144,42,239)
```
#993cf1
```
#993cf1 rgb(153,60,241)
```
#a34ff2
```
#a34ff2 rgb(163,79,242)
```
#ac61f3
```
#ac61f3 rgb(172,97,243)
```
#b673f5
```
#b673f5 rgb(182,115,245)
```
#bf86f6
```
#bf86f6 rgb(191,134,246)
```
#c998f7
```
#c998f7 rgb(201,152,247)
```
#d3aaf9
```
#d3aaf9 rgb(211,170,249)
```
#dcbcfa
```
#dcbcfa rgb(220,188,250)
```
#e6cffb
```
#e6cffb rgb(230,207,251)
```
#efe1fd
```
#efe1fd rgb(239,225,253)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

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

#666467
```
#666467 rgb(102,100,103)
```
#665c6f
```
#665c6f rgb(102,92,111)
```
#665477
```
#665477 rgb(102,84,119)
```
#664c7f
```
#664c7f rgb(102,76,127)
```
#664586
```
#664586 rgb(102,69,134)
```
#673d8e
```
#673d8e rgb(103,61,142)
```
#673596
```
#673596 rgb(103,53,150)
```
#672d9e
```
#672d9e rgb(103,45,158)
```
#6725a6
```
#6725a6 rgb(103,37,166)
```
#681ead
```
#681ead rgb(104,30,173)
```
#6816b5
```
#6816b5 rgb(104,22,181)
```
#680ebd
```
#680ebd rgb(104,14,189)
```
#6806c5
```
#6806c5 rgb(104,6,197)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#463457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00568a Deuteranopia 1% of men
#50545a Tritanopia 0.001% of the population

Trichromacy

#2538a9 Protanomaly 1% of men, 0.01% of women
#253b9c Deuteranomaly 6% of men, 0.4% of women
#593a7e Tritanomaly 0.01% of the population

#680ebd hex color

#680ebd Color Information

#680ebd Color Conversion

Color Schemes with #680ebd

Alternatives to #680ebd

#680ebd Preview

Shades and Tints of #680ebd

Tones of #680ebd

Color Blindness Simulator