#681aff hex color

In a RGB color space, hex #681aff is composed of 40.8% red, 10.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 89.8% magenta, 0% yellow and 0% black. It has a hue angle of 260.4 degrees, a saturation of 100% and a lightness of 55.1%. #681aff color hex could be obtained by blending #d034ff with #0000ff. Closest websafe color is: #6633ff.

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

● #681aff color description : Vivid violet.

The hexadecimal color #681aff has RGB values of R:104, G:26, B:255 and CMYK values of C:0.59, M:0.9, Y:0, K:0. Its decimal value is 6822655.

Hex triplet	681aff	`#681aff`
RGB Decimal	104, 26, 255	`rgb(104,26,255)`
RGB Percent	40.8, 10.2, 100	`rgb(40.8%,10.2%,100%)`
CMYK	59, 90, 0, 0
HSL	260.4°, 100, 55.1	`hsl(260.4,100%,55.1%)`
HSV (or HSB)	260.4°, 89.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.413, 77.726, -95.861
XYZ	24.125, 10.901, 95.435
xyY	0.185, 0.084, 10.901
CIE-LCH	39.413, 123.413, 309.036
CIE-LUV	39.413, 2.956, -133.899
Hunter-Lab	33.017, 72.648, -148.266
Binary	01101000, 00011010, 11111111

#681aff
```
#681aff rgb(104,26,255)
```
#b1ff1a
```
#b1ff1a rgb(177,255,26)
```

Complementary Color

#1a3fff
```
#1a3fff rgb(26,63,255)
```
#681aff
```
#681aff rgb(104,26,255)
```
#db1aff
```
#db1aff rgb(219,26,255)
```

Analogous Color

#3fff1a
```
#3fff1a rgb(63,255,26)
```
#681aff
```
#681aff rgb(104,26,255)
```
#ffdb1a
```
#ffdb1a rgb(255,219,26)
```

Split Complementary Color

#1aff68
```
#1aff68 rgb(26,255,104)
```
#681aff
```
#681aff rgb(104,26,255)
```
#ff681a
```
#ff681a rgb(255,104,26)
```

Triadic Color

#1ab1ff
```
#1ab1ff rgb(26,177,255)
```
#681aff
```
#681aff rgb(104,26,255)
```
#ff681a
```
#ff681a rgb(255,104,26)
```
#b1ff1a
```
#b1ff1a rgb(177,255,26)
```

Tetradic Color

#4600cd
```
#4600cd rgb(70,0,205)
```
#4e00e6
```
#4e00e6 rgb(78,0,230)
```
#5700ff
```
#5700ff rgb(87,0,255)
```
#681aff
```
#681aff rgb(104,26,255)
```
#7934ff
```
#7934ff rgb(121,52,255)
```
#8a4dff
```
#8a4dff rgb(138,77,255)
```
#9a67ff
```
#9a67ff rgb(154,103,255)
```

Monochromatic Color

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

#2f1aff
```
#2f1aff rgb(47,26,255)
```
#421aff
```
#421aff rgb(66,26,255)
```
#551aff
```
#551aff rgb(85,26,255)
```
#681aff
```
#681aff rgb(104,26,255)
```
#7b1aff
```
#7b1aff rgb(123,26,255)
```
#8e1aff
```
#8e1aff rgb(142,26,255)
```
#a11aff
```
#a11aff rgb(161,26,255)
```

Similar Colors

Text with hexadecimal color #681aff

This text has a font color of #681aff.

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

#681aff background color

This paragraph has a background color of #681aff.

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

#681aff border color

This element has a border color of #681aff.

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

CSS codes

.text {color:#681aff;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#09001a
```
#09001a rgb(9,0,26)
```
#10002e
```
#10002e rgb(16,0,46)
```
#160041
```
#160041 rgb(22,0,65)
```
#1d0055
```
#1d0055 rgb(29,0,85)
```
#240068
```
#240068 rgb(36,0,104)
```
#2a007c
```
#2a007c rgb(42,0,124)
```
#310090
```
#310090 rgb(49,0,144)
```
#3800a3
```
#3800a3 rgb(56,0,163)
```
#3e00b7
```
#3e00b7 rgb(62,0,183)
```
#4500cb
```
#4500cb rgb(69,0,203)
```
#4c00de
```
#4c00de rgb(76,0,222)
```
#5200f2
```
#5200f2 rgb(82,0,242)
```

Shade Color Variation

#5b06ff
```
#5b06ff rgb(91,6,255)
```
#681aff
```
#681aff rgb(104,26,255)
```
#752eff
```
#752eff rgb(117,46,255)
```
#8241ff
```
#8241ff rgb(130,65,255)
```
#8f55ff
```
#8f55ff rgb(143,85,255)
```
#9c68ff
```
#9c68ff rgb(156,104,255)
```
#a97cff
```
#a97cff rgb(169,124,255)
```
#b690ff
```
#b690ff rgb(182,144,255)
```
#c3a3ff
```
#c3a3ff rgb(195,163,255)
```
#cfb7ff
```
#cfb7ff rgb(207,183,255)
```
#dccbff
```
#dccbff rgb(220,203,255)
```
#e9deff
```
#e9deff rgb(233,222,255)
```
#f6f2ff
```
#f6f2ff rgb(246,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8495 is the less saturated color, while #681aff is the most saturated one.

#8a8495
```
#8a8495 rgb(138,132,149)
```
#877b9e
```
#877b9e rgb(135,123,158)
```
#8472a7
```
#8472a7 rgb(132,114,167)
```
#8169b0
```
#8169b0 rgb(129,105,176)
```
#7e60b9
```
#7e60b9 rgb(126,96,185)
```
#7c58c1
```
#7c58c1 rgb(124,88,193)
```
#794fca
```
#794fca rgb(121,79,202)
```
#7646d3
```
#7646d3 rgb(118,70,211)
```
#733ddc
```
#733ddc rgb(115,61,220)
```
#7034e5
```
#7034e5 rgb(112,52,229)
```
#6e2ced
```
#6e2ced rgb(110,44,237)
```
#6b23f6
```
#6b23f6 rgb(107,35,246)
```
#681aff
```
#681aff rgb(104,26,255)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#51416f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#2548d6 Protanomaly 1% of men, 0.01% of women
#254bc6 Deuteranomaly 6% of men, 0.4% of women
#2550a8 Tritanomaly 0.01% of the population

#681aff hex color

#681aff Color Information

#681aff Color Conversion

Color Schemes with #681aff

Alternatives to #681aff

#681aff Preview

Shades and Tints of #681aff

Tones of #681aff

Color Blindness Simulator