#680bff hex color

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

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

● #680bff color description : Vivid violet.

The hexadecimal color #680bff has RGB values of R:104, G:11, B:255 and CMYK values of C:0.59, M:0.96, Y:0, K:0. Its decimal value is 6818815.

Hex triplet	680bff	`#680bff`
RGB Decimal	104, 11, 255	`rgb(104,11,255)`
RGB Percent	40.8, 4.3, 100	`rgb(40.8%,4.3%,100%)`
CMYK	59, 96, 0, 0
HSL	262.9°, 100, 52.2	`hsl(262.9,100%,52.2%)`
HSV (or HSB)	262.9°, 95.7, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.554, 80.335, -97.288
XYZ	23.875, 10.402, 95.352
xyY	0.184, 0.08, 10.402
CIE-LCH	38.554, 126.169, 309.548
CIE-LUV	38.554, 3.567, -134.034
Hunter-Lab	32.252, 75.7, -152.714
Binary	01101000, 00001011, 11111111

#680bff
```
#680bff rgb(104,11,255)
```
#a2ff0b
```
#a2ff0b rgb(162,255,11)
```

Complementary Color

#0b28ff
```
#0b28ff rgb(11,40,255)
```
#680bff
```
#680bff rgb(104,11,255)
```
#e20bff
```
#e20bff rgb(226,11,255)
```

Analogous Color

#28ff0b
```
#28ff0b rgb(40,255,11)
```
#680bff
```
#680bff rgb(104,11,255)
```
#ffe20b
```
#ffe20b rgb(255,226,11)
```

Split Complementary Color

#0bff68
```
#0bff68 rgb(11,255,104)
```
#680bff
```
#680bff rgb(104,11,255)
```
#ff680b
```
#ff680b rgb(255,104,11)
```

Triadic Color

#0ba2ff
```
#0ba2ff rgb(11,162,255)
```
#680bff
```
#680bff rgb(104,11,255)
```
#ff680b
```
#ff680b rgb(255,104,11)
```
#a2ff0b
```
#a2ff0b rgb(162,255,11)
```

Tetradic Color

#4800be
```
#4800be rgb(72,0,190)
```
#5200d7
```
#5200d7 rgb(82,0,215)
```
#5c00f1
```
#5c00f1 rgb(92,0,241)
```
#680bff
```
#680bff rgb(104,11,255)
```
#7825ff
```
#7825ff rgb(120,37,255)
```
#883eff
```
#883eff rgb(136,62,255)
```
#9758ff
```
#9758ff rgb(151,88,255)
```

Monochromatic Color

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

#2b0bff
```
#2b0bff rgb(43,11,255)
```
#3f0bff
```
#3f0bff rgb(63,11,255)
```
#540bff
```
#540bff rgb(84,11,255)
```
#680bff
```
#680bff rgb(104,11,255)
```
#7c0bff
```
#7c0bff rgb(124,11,255)
```
#910bff
```
#910bff rgb(145,11,255)
```
#a50bff
```
#a50bff rgb(165,11,255)
```

Similar Colors

Text with hexadecimal color #680bff

This text has a font color of #680bff.

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

#680bff background color

This paragraph has a background color of #680bff.

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

#680bff border color

This element has a border color of #680bff.

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

CSS codes

.text {color:#680bff;}

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

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

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, #04000b is the darkest color, while #faf6ff is the lightest one.

#04000b
```
#04000b rgb(4,0,11)
```
#0c001f
```
#0c001f rgb(12,0,31)
```
#130032
```
#130032 rgb(19,0,50)
```
#1b0046
```
#1b0046 rgb(27,0,70)
```
#220059
```
#220059 rgb(34,0,89)
```
#2a006d
```
#2a006d rgb(42,0,109)
```
#310081
```
#310081 rgb(49,0,129)
```
#390094
```
#390094 rgb(57,0,148)
```
#4000a8
```
#4000a8 rgb(64,0,168)
```
#4700bc
```
#4700bc rgb(71,0,188)
```
#4f00cf
```
#4f00cf rgb(79,0,207)
```
#5600e3
```
#5600e3 rgb(86,0,227)
```
#5e00f6
```
#5e00f6 rgb(94,0,246)
```

Shade Color Variation

#680bff
```
#680bff rgb(104,11,255)
```
#741fff
```
#741fff rgb(116,31,255)
```
#8032ff
```
#8032ff rgb(128,50,255)
```
#8c46ff
```
#8c46ff rgb(140,70,255)
```
#9959ff
```
#9959ff rgb(153,89,255)
```
#a56dff
```
#a56dff rgb(165,109,255)
```
#b181ff
```
#b181ff rgb(177,129,255)
```
#bd94ff
```
#bd94ff rgb(189,148,255)
```
#c9a8ff
```
#c9a8ff rgb(201,168,255)
```
#d5bcff
```
#d5bcff rgb(213,188,255)
```
#e1cfff
```
#e1cfff rgb(225,207,255)
```
#eee3ff
```
#eee3ff rgb(238,227,255)
```
#faf6ff
```
#faf6ff rgb(250,246,255)
```

Tint Color Variation

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

#837c8e
```
#837c8e rgb(131,124,142)
```
#817298
```
#817298 rgb(129,114,152)
```
#7e69a1
```
#7e69a1 rgb(126,105,161)
```
#7c5fab
```
#7c5fab rgb(124,95,171)
```
#7a56b4
```
#7a56b4 rgb(122,86,180)
```
#784dbd
```
#784dbd rgb(120,77,189)
```
#7543c7
```
#7543c7 rgb(117,67,199)
```
#733ad0
```
#733ad0 rgb(115,58,208)
```
#7131d9
```
#7131d9 rgb(113,49,217)
```
#6f27e3
```
#6f27e3 rgb(111,39,227)
```
#6c1eec
```
#6c1eec rgb(108,30,236)
```
#6a14f6
```
#6a14f6 rgb(106,20,246)
```
#680bff
```
#680bff rgb(104,11,255)
```

Tone Color Variation

Below, you can see how #680bff 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
#006c74 Tritanopia 0.001% of the population

Trichromacy

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

#680bff hex color

#680bff Color Information

#680bff Color Conversion

Color Schemes with #680bff

Alternatives to #680bff

#680bff Preview

Shades and Tints of #680bff

Tones of #680bff

Color Blindness Simulator