#680cff hex color

In a RGB color space, hex #680cff is composed of 40.8% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 262.7 degrees, a saturation of 100% and a lightness of 52.4%. #680cff color hex could be obtained by blending #d018ff with #0000ff. Closest websafe color is: #6600ff.

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

● #680cff color description : Vivid violet.

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

Hex triplet	680cff	`#680cff`
RGB Decimal	104, 12, 255	`rgb(104,12,255)`
RGB Percent	40.8, 4.7, 100	`rgb(40.8%,4.7%,100%)`
CMYK	59, 95, 0, 0
HSL	262.7°, 100, 52.4	`hsl(262.7,100%,52.4%)`
HSV (or HSB)	262.7°, 95.3, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.595, 80.209, -97.219
XYZ	23.887, 10.425, 95.356
xyY	0.184, 0.08, 10.425
CIE-LCH	38.595, 126.036, 309.524
CIE-LUV	38.595, 3.539, -134.031
Hunter-Lab	32.288, 75.551, -152.497
Binary	01101000, 00001100, 11111111

#680cff
```
#680cff rgb(104,12,255)
```
#a3ff0c
```
#a3ff0c rgb(163,255,12)
```

Complementary Color

#0c29ff
```
#0c29ff rgb(12,41,255)
```
#680cff
```
#680cff rgb(104,12,255)
```
#e20cff
```
#e20cff rgb(226,12,255)
```

Analogous Color

#2aff0c
```
#2aff0c rgb(42,255,12)
```
#680cff
```
#680cff rgb(104,12,255)
```
#ffe20c
```
#ffe20c rgb(255,226,12)
```

Split Complementary Color

#0cff68
```
#0cff68 rgb(12,255,104)
```
#680cff
```
#680cff rgb(104,12,255)
```
#ff680c
```
#ff680c rgb(255,104,12)
```

Triadic Color

#0ca3ff
```
#0ca3ff rgb(12,163,255)
```
#680cff
```
#680cff rgb(104,12,255)
```
#ff680c
```
#ff680c rgb(255,104,12)
```
#a3ff0c
```
#a3ff0c rgb(163,255,12)
```

Tetradic Color

#4800bf
```
#4800bf rgb(72,0,191)
```
#5200d8
```
#5200d8 rgb(82,0,216)
```
#5b00f2
```
#5b00f2 rgb(91,0,242)
```
#680cff
```
#680cff rgb(104,12,255)
```
#7826ff
```
#7826ff rgb(120,38,255)
```
#883fff
```
#883fff rgb(136,63,255)
```
#9859ff
```
#9859ff rgb(152,89,255)
```

Monochromatic Color

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

#2b0cff
```
#2b0cff rgb(43,12,255)
```
#3f0cff
```
#3f0cff rgb(63,12,255)
```
#540cff
```
#540cff rgb(84,12,255)
```
#680cff
```
#680cff rgb(104,12,255)
```
#7c0cff
```
#7c0cff rgb(124,12,255)
```
#910cff
```
#910cff rgb(145,12,255)
```
#a50cff
```
#a50cff rgb(165,12,255)
```

Similar Colors

Text with hexadecimal color #680cff

This text has a font color of #680cff.

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

#680cff background color

This paragraph has a background color of #680cff.

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

#680cff border color

This element has a border color of #680cff.

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

CSS codes

.text {color:#680cff;}

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

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

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

#05000c
```
#05000c rgb(5,0,12)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#130033
```
#130033 rgb(19,0,51)
```
#1b0047
```
#1b0047 rgb(27,0,71)
```
#22005a
```
#22005a rgb(34,0,90)
```
#2a006e
```
#2a006e rgb(42,0,110)
```
#310082
```
#310082 rgb(49,0,130)
```
#390095
```
#390095 rgb(57,0,149)
```
#4000a9
```
#4000a9 rgb(64,0,169)
```
#4700bd
```
#4700bd rgb(71,0,189)
```
#4f00d0
```
#4f00d0 rgb(79,0,208)
```
#5600e4
```
#5600e4 rgb(86,0,228)
```
#5e00f7
```
#5e00f7 rgb(94,0,247)
```

Shade Color Variation

#680cff
```
#680cff rgb(104,12,255)
```
#7420ff
```
#7420ff rgb(116,32,255)
```
#8033ff
```
#8033ff rgb(128,51,255)
```
#8d47ff
```
#8d47ff rgb(141,71,255)
```
#995aff
```
#995aff rgb(153,90,255)
```
#a56eff
```
#a56eff rgb(165,110,255)
```
#b182ff
```
#b182ff rgb(177,130,255)
```
#bd95ff
```
#bd95ff rgb(189,149,255)
```
#caa9ff
```
#caa9ff rgb(202,169,255)
```
#d6bdff
```
#d6bdff rgb(214,189,255)
```
#e2d0ff
```
#e2d0ff rgb(226,208,255)
```
#eee4ff
```
#eee4ff rgb(238,228,255)
```
#faf7ff
```
#faf7ff rgb(250,247,255)
```

Tint Color Variation

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

#837c8f
```
#837c8f rgb(131,124,143)
```
#817398
```
#817398 rgb(129,115,152)
```
#7f69a2
```
#7f69a2 rgb(127,105,162)
```
#7c60ab
```
#7c60ab rgb(124,96,171)
```
#7a57b4
```
#7a57b4 rgb(122,87,180)
```
#784dbe
```
#784dbe rgb(120,77,190)
```
#7644c7
```
#7644c7 rgb(118,68,199)
```
#733bd0
```
#733bd0 rgb(115,59,208)
```
#7131da
```
#7131da rgb(113,49,218)
```
#6f28e3
```
#6f28e3 rgb(111,40,227)
```
#6d1fec
```
#6d1fec rgb(109,31,236)
```
#6a15f6
```
#6a15f6 rgb(106,21,246)
```
#680cff
```
#680cff rgb(104,12,255)
```

Tone Color Variation

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

#2541d3 Protanomaly 1% of men, 0.01% of women
#2545c4 Deuteranomaly 6% of men, 0.4% of women
#2549a6 Tritanomaly 0.01% of the population

#680cff hex color

#680cff Color Information

#680cff Color Conversion

Color Schemes with #680cff

Alternatives to #680cff

#680cff Preview

Shades and Tints of #680cff

Tones of #680cff

Color Blindness Simulator