#681ff0 hex color

In a RGB color space, hex #681ff0 is composed of 40.8% red, 12.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 87.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 261 degrees, a saturation of 87.4% and a lightness of 53.1%. #681ff0 color hex could be obtained by blending #d03eff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 12
- B 94
RGB color chart
- C 57
- M 87
- Y 0
- K 6
CMYK color chart

● #681ff0 color description : Vivid violet.

The hexadecimal color #681ff0 has RGB values of R:104, G:31, B:240 and CMYK values of C:0.57, M:0.87, Y:0, K:0.06. Its decimal value is 6823920.

Hex triplet	681ff0	`#681ff0`
RGB Decimal	104, 31, 240	`rgb(104,31,240)`
RGB Percent	40.8, 12.2, 94.1	`rgb(40.8%,12.2%,94.1%)`
CMYK	57, 87, 0, 6
HSL	261°, 87.4, 53.1	`hsl(261,87.4%,53.1%)`
HSV (or HSB)	261°, 87.1, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.223, 72.921, -89.393
XYZ	21.924, 10.214, 83.25
xyY	0.19, 0.089, 10.214
CIE-LCH	38.223, 115.363, 309.205
CIE-LUV	38.223, 4.256, -125.212
Hunter-Lab	31.959, 66.525, -132.072
Binary	01101000, 00011111, 11110000

#681ff0
```
#681ff0 rgb(104,31,240)
```
#a7f01f
```
#a7f01f rgb(167,240,31)
```

Complementary Color

#1f3ff0
```
#1f3ff0 rgb(31,63,240)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#d11ff0
```
#d11ff0 rgb(209,31,240)
```

Analogous Color

#3ff01f
```
#3ff01f rgb(63,240,31)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#f0d11f
```
#f0d11f rgb(240,209,31)
```

Split Complementary Color

#1ff068
```
#1ff068 rgb(31,240,104)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#f0681f
```
#f0681f rgb(240,104,31)
```

Triadic Color

#1fa7f0
```
#1fa7f0 rgb(31,167,240)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#f0681f
```
#f0681f rgb(240,104,31)
```
#a7f01f
```
#a7f01f rgb(167,240,31)
```

Tetradic Color

#480cb6
```
#480cb6 rgb(72,12,182)
```
#510ece
```
#510ece rgb(81,14,206)
```
#5a0fe6
```
#5a0fe6 rgb(90,15,230)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#7837f2
```
#7837f2 rgb(120,55,242)
```
#884ff3
```
#884ff3 rgb(136,79,243)
```
#9867f5
```
#9867f5 rgb(152,103,245)
```

Monochromatic Color

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

#341ff0
```
#341ff0 rgb(52,31,240)
```
#451ff0
```
#451ff0 rgb(69,31,240)
```
#571ff0
```
#571ff0 rgb(87,31,240)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#791ff0
```
#791ff0 rgb(121,31,240)
```
#8b1ff0
```
#8b1ff0 rgb(139,31,240)
```
#9c1ff0
```
#9c1ff0 rgb(156,31,240)
```

Similar Colors

Text with hexadecimal color #681ff0

This text has a font color of #681ff0.

<span style="color:#681ff0;">Text here</span>

#681ff0 background color

This paragraph has a background color of #681ff0.

<p style="background-color:#681ff0;">Content here</p>

#681ff0 border color

This element has a border color of #681ff0.

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

CSS codes

.text {color:#681ff0;}

.background {background-color:#681ff0;}

.border {border:1px solid #681ff0;}

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, #06010f is the darkest color, while #fdfcff is the lightest one.

#06010f
```
#06010f rgb(6,1,15)
```
#0d0221
```
#0d0221 rgb(13,2,33)
```
#140334
```
#140334 rgb(20,3,52)
```
#1c0546
```
#1c0546 rgb(28,5,70)
```
#230659
```
#230659 rgb(35,6,89)
```
#2a076b
```
#2a076b rgb(42,7,107)
```
#31087d
```
#31087d rgb(49,8,125)
```
#380a90
```
#380a90 rgb(56,10,144)
```
#400ba2
```
#400ba2 rgb(64,11,162)
```
#470cb4
```
#470cb4 rgb(71,12,180)
```
#4e0dc7
```
#4e0dc7 rgb(78,13,199)
```
#550fd9
```
#550fd9 rgb(85,15,217)
```
#5d10ec
```
#5d10ec rgb(93,16,236)
```

Shade Color Variation

#681ff0
```
#681ff0 rgb(104,31,240)
```
#7431f1
```
#7431f1 rgb(116,49,241)
```
#8144f2
```
#8144f2 rgb(129,68,242)
```
#8d56f4
```
#8d56f4 rgb(141,86,244)
```
#9a69f5
```
#9a69f5 rgb(154,105,245)
```
#a67bf6
```
#a67bf6 rgb(166,123,246)
```
#b28df7
```
#b28df7 rgb(178,141,247)
```
#bfa0f9
```
#bfa0f9 rgb(191,160,249)
```
#cbb2fa
```
#cbb2fa rgb(203,178,250)
```
#d8c4fb
```
#d8c4fb rgb(216,196,251)
```
#e4d7fc
```
#e4d7fc rgb(228,215,252)
```
#f0e9fe
```
#f0e9fe rgb(240,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86848b is the less saturated color, while #6516f9 is the most saturated one.

#86848b
```
#86848b rgb(134,132,139)
```
#847b94
```
#847b94 rgb(132,123,148)
```
#81729d
```
#81729d rgb(129,114,157)
```
#7e69a6
```
#7e69a6 rgb(126,105,166)
```
#7b5fb0
```
#7b5fb0 rgb(123,95,176)
```
#7956b9
```
#7956b9 rgb(121,86,185)
```
#764dc2
```
#764dc2 rgb(118,77,194)
```
#7344cb
```
#7344cb rgb(115,68,203)
```
#703bd4
```
#703bd4 rgb(112,59,212)
```
#6e31de
```
#6e31de rgb(110,49,222)
```
#6b28e7
```
#6b28e7 rgb(107,40,231)
```
#681ff0
```
#681ff0 rgb(104,31,240)
```
#6516f9
```
#6516f9 rgb(101,22,249)
```

Tone Color Variation

Below, you can see how #681ff0 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

#4d4d4d Achromatopsia 0.005% of the population
#52446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#276b72 Tritanopia 0.001% of the population

Trichromacy

#2548cd Protanomaly 1% of men, 0.01% of women
#254bbd Deuteranomaly 6% of men, 0.4% of women
#3e4fa0 Tritanomaly 0.01% of the population

#681ff0 hex color

#681ff0 Color Information

#681ff0 Color Conversion

Color Schemes with #681ff0

Alternatives to #681ff0

#681ff0 Preview

Shades and Tints of #681ff0

Tones of #681ff0

Color Blindness Simulator