#681cfd hex color

In a RGB color space, hex #681cfd is composed of 40.8% red, 11% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 88.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 260.3 degrees, a saturation of 98.3% and a lightness of 55.1%. #681cfd color hex could be obtained by blending #d038ff 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

● #681cfd color description : Vivid violet.

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

Hex triplet	681cfd	`#681cfd`
RGB Decimal	104, 28, 253	`rgb(104,28,253)`
RGB Percent	40.8, 11, 99.2	`rgb(40.8%,11%,99.2%)`
CMYK	59, 89, 0, 1
HSL	260.3°, 98.3, 55.1	`hsl(260.3,98.3%,55.1%)`
HSV (or HSB)	260.3°, 88.9, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.352, 76.787, -94.844
XYZ	23.851, 10.865, 93.763
xyY	0.186, 0.085, 10.865
CIE-LCH	39.352, 122.031, 308.994
CIE-LUV	39.352, 3.05, -132.727
Hunter-Lab	32.962, 71.477, -145.584
Binary	01101000, 00011100, 11111101

#681cfd
```
#681cfd rgb(104,28,253)
```
#b1fd1c
```
#b1fd1c rgb(177,253,28)
```

Complementary Color

#1c40fd
```
#1c40fd rgb(28,64,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#d91cfd
```
#d91cfd rgb(217,28,253)
```

Analogous Color

#40fd1c
```
#40fd1c rgb(64,253,28)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#fdd91c
```
#fdd91c rgb(253,217,28)
```

Split Complementary Color

#1cfd68
```
#1cfd68 rgb(28,253,104)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#fd681c
```
#fd681c rgb(253,104,28)
```

Triadic Color

#1cb1fd
```
#1cb1fd rgb(28,177,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#fd681c
```
#fd681c rgb(253,104,28)
```
#b1fd1c
```
#b1fd1c rgb(177,253,28)
```

Tetradic Color

#4602cb
```
#4602cb rgb(70,2,203)
```
#4e02e4
```
#4e02e4 rgb(78,2,228)
```
#5703fd
```
#5703fd rgb(87,3,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#7935fd
```
#7935fd rgb(121,53,253)
```
#8a4ffd
```
#8a4ffd rgb(138,79,253)
```
#9a68fe
```
#9a68fe rgb(154,104,254)
```

Monochromatic Color

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

#301cfd
```
#301cfd rgb(48,28,253)
```
#431cfd
```
#431cfd rgb(67,28,253)
```
#551cfd
```
#551cfd rgb(85,28,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#7b1cfd
```
#7b1cfd rgb(123,28,253)
```
#8e1cfd
```
#8e1cfd rgb(142,28,253)
```
#a01cfd
```
#a01cfd rgb(160,28,253)
```

Similar Colors

Text with hexadecimal color #681cfd

This text has a font color of #681cfd.

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

#681cfd background color

This paragraph has a background color of #681cfd.

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

#681cfd border color

This element has a border color of #681cfd.

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

CSS codes

.text {color:#681cfd;}

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

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

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)
```
#10002d
```
#10002d rgb(16,0,45)
```
#160141
```
#160141 rgb(22,1,65)
```
#1d0154
```
#1d0154 rgb(29,1,84)
```
#240168
```
#240168 rgb(36,1,104)
```
#2a017b
```
#2a017b rgb(42,1,123)
```
#31018e
```
#31018e rgb(49,1,142)
```
#3801a2
```
#3801a2 rgb(56,1,162)
```
#3e02b5
```
#3e02b5 rgb(62,2,181)
```
#4502c9
```
#4502c9 rgb(69,2,201)
```
#4c02dc
```
#4c02dc rgb(76,2,220)
```
#5202f0
```
#5202f0 rgb(82,2,240)
```

Shade Color Variation

#5b09fd
```
#5b09fd rgb(91,9,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#752ffd
```
#752ffd rgb(117,47,253)
```
#8243fd
```
#8243fd rgb(130,67,253)
```
#8f56fe
```
#8f56fe rgb(143,86,254)
```
#9c6afe
```
#9c6afe rgb(156,106,254)
```
#a97dfe
```
#a97dfe rgb(169,125,254)
```
#b691fe
```
#b691fe rgb(182,145,254)
```
#c3a4fe
```
#c3a4fe rgb(195,164,254)
```
#cfb8fe
```
#cfb8fe rgb(207,184,254)
```
#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, #8a8693 is the less saturated color, while #681cfd is the most saturated one.

#8a8693
```
#8a8693 rgb(138,134,147)
```
#877d9c
```
#877d9c rgb(135,125,156)
```
#8574a5
```
#8574a5 rgb(133,116,165)
```
#826bae
```
#826bae rgb(130,107,174)
```
#7f62b7
```
#7f62b7 rgb(127,98,183)
```
#7c5abf
```
#7c5abf rgb(124,90,191)
```
#7951c8
```
#7951c8 rgb(121,81,200)
```
#7648d1
```
#7648d1 rgb(118,72,209)
```
#733fda
```
#733fda rgb(115,63,218)
```
#7136e3
```
#7136e3 rgb(113,54,227)
```
#6e2eeb
```
#6e2eeb rgb(110,46,235)
```
#6b25f4
```
#6b25f4 rgb(107,37,244)
```
#681cfd
```
#681cfd rgb(104,28,253)
```

Tone Color Variation

Below, you can see how #681cfd 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
#0068a5 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

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

#681cfd hex color

#681cfd Color Information

#681cfd Color Conversion

Color Schemes with #681cfd

Alternatives to #681cfd

#681cfd Preview

Shades and Tints of #681cfd

Tones of #681cfd

Color Blindness Simulator