#681bfd hex color

In a RGB color space, hex #681bfd is composed of 40.8% red, 10.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 89.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 260.4 degrees, a saturation of 98.3% and a lightness of 54.9%. #681bfd color hex could be obtained by blending #d036ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 11
- B 99
RGB color chart
- C 59
- M 89
- Y 0
- K 1
CMYK color chart

● #681bfd color description : Vivid violet.

The hexadecimal color #681bfd has RGB values of R:104, G:27, B:253 and CMYK values of C:0.59, M:0.89, Y:0, K:0.01. Its decimal value is 6822909.

Hex triplet	681bfd	`#681bfd`
RGB Decimal	104, 27, 253	`rgb(104,27,253)`
RGB Percent	40.8, 10.6, 99.2	`rgb(40.8%,10.6%,99.2%)`
CMYK	59, 89, 0, 1
HSL	260.4°, 98.3, 54.9	`hsl(260.4,98.3%,54.9%)`
HSV (or HSB)	260.4°, 89.3, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.272, 77.026, -94.975
XYZ	23.827, 10.818, 93.756
xyY	0.186, 0.084, 10.818
CIE-LCH	39.272, 122.284, 309.043
CIE-LUV	39.272, 3.108, -132.748
Hunter-Lab	32.891, 71.752, -145.983
Binary	01101000, 00011011, 11111101

#681bfd
```
#681bfd rgb(104,27,253)
```
#b0fd1b
```
#b0fd1b rgb(176,253,27)
```

Complementary Color

#1b3ffd
```
#1b3ffd rgb(27,63,253)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#d91bfd
```
#d91bfd rgb(217,27,253)
```

Analogous Color

#3ffd1b
```
#3ffd1b rgb(63,253,27)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#fdd91b
```
#fdd91b rgb(253,217,27)
```

Split Complementary Color

#1bfd68
```
#1bfd68 rgb(27,253,104)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#fd681b
```
#fd681b rgb(253,104,27)
```

Triadic Color

#1bb0fd
```
#1bb0fd rgb(27,176,253)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#fd681b
```
#fd681b rgb(253,104,27)
```
#b0fd1b
```
#b0fd1b rgb(176,253,27)
```

Tetradic Color

#4602ca
```
#4602ca rgb(70,2,202)
```
#4f02e3
```
#4f02e3 rgb(79,2,227)
```
#5702fc
```
#5702fc rgb(87,2,252)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#7934fd
```
#7934fd rgb(121,52,253)
```
#894efd
```
#894efd rgb(137,78,253)
```
#9a67fe
```
#9a67fe rgb(154,103,254)
```

Monochromatic Color

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

#2f1bfd
```
#2f1bfd rgb(47,27,253)
```
#421bfd
```
#421bfd rgb(66,27,253)
```
#551bfd
```
#551bfd rgb(85,27,253)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#7b1bfd
```
#7b1bfd rgb(123,27,253)
```
#8e1bfd
```
#8e1bfd rgb(142,27,253)
```
#a11bfd
```
#a11bfd rgb(161,27,253)
```

Similar Colors

Text with hexadecimal color #681bfd

This text has a font color of #681bfd.

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

#681bfd background color

This paragraph has a background color of #681bfd.

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

#681bfd border color

This element has a border color of #681bfd.

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

CSS codes

.text {color:#681bfd;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#090019
```
#090019 rgb(9,0,25)
```
#0f002c
```
#0f002c rgb(15,0,44)
```
#160140
```
#160140 rgb(22,1,64)
```
#1d0153
```
#1d0153 rgb(29,1,83)
```
#240167
```
#240167 rgb(36,1,103)
```
#2a017a
```
#2a017a rgb(42,1,122)
```
#31018d
```
#31018d rgb(49,1,141)
```
#3801a1
```
#3801a1 rgb(56,1,161)
```
#3e02b4
```
#3e02b4 rgb(62,2,180)
```
#4502c8
```
#4502c8 rgb(69,2,200)
```
#4c02db
```
#4c02db rgb(76,2,219)
```
#5302ef
```
#5302ef rgb(83,2,239)
```

Shade Color Variation

#5b08fd
```
#5b08fd rgb(91,8,253)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#752efd
```
#752efd rgb(117,46,253)
```
#8242fd
```
#8242fd rgb(130,66,253)
```
#8f55fe
```
#8f55fe rgb(143,85,254)
```
#9c69fe
```
#9c69fe rgb(156,105,254)
```
#a87cfe
```
#a87cfe rgb(168,124,254)
```
#b590fe
```
#b590fe rgb(181,144,254)
```
#c2a3fe
```
#c2a3fe rgb(194,163,254)
```
#cfb7fe
```
#cfb7fe rgb(207,183,254)
```
#dccaff
```
#dccaff rgb(220,202,255)
```
#e9ddff
```
#e9ddff rgb(233,221,255)
```
#f6f1ff
```
#f6f1ff rgb(246,241,255)
```

Tint Color Variation

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

#8a8593
```
#8a8593 rgb(138,133,147)
```
#877c9c
```
#877c9c rgb(135,124,156)
```
#8473a5
```
#8473a5 rgb(132,115,165)
```
#816bad
```
#816bad rgb(129,107,173)
```
#7f62b6
```
#7f62b6 rgb(127,98,182)
```
#7c59bf
```
#7c59bf rgb(124,89,191)
```
#7950c8
```
#7950c8 rgb(121,80,200)
```
#7647d1
```
#7647d1 rgb(118,71,209)
```
#733eda
```
#733eda rgb(115,62,218)
```
#7036e2
```
#7036e2 rgb(112,54,226)
```
#6e2deb
```
#6e2deb rgb(110,45,235)
```
#6b24f4
```
#6b24f4 rgb(107,36,244)
```
#681bfd
```
#681bfd rgb(104,27,253)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#52426f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#2548d5 Protanomaly 1% of men, 0.01% of women
#254bc5 Deuteranomaly 6% of men, 0.4% of women
#2550a7 Tritanomaly 0.01% of the population

#681bfd hex color

#681bfd Color Information

#681bfd Color Conversion

Color Schemes with #681bfd

Alternatives to #681bfd

#681bfd Preview

Shades and Tints of #681bfd

Tones of #681bfd

Color Blindness Simulator