#681dfc hex color

In a RGB color space, hex #681dfc is composed of 40.8% red, 11.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 88.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 260.2 degrees, a saturation of 97.4% and a lightness of 55.1%. #681dfc color hex could be obtained by blending #d03aff with #0000f9. Closest websafe color is: #6633ff.

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

● #681dfc color description : Vivid violet.

The hexadecimal color #681dfc has RGB values of R:104, G:29, B:252 and CMYK values of C:0.59, M:0.88, Y:0, K:0.01. Its decimal value is 6823420.

Hex triplet	681dfc	`#681dfc`
RGB Decimal	104, 29, 252	`rgb(104,29,252)`
RGB Percent	40.8, 11.4, 98.8	`rgb(40.8%,11.4%,98.8%)`
CMYK	59, 88, 0, 1
HSL	260.2°, 97.4, 55.1	`hsl(260.2,97.4%,55.1%)`
HSV (or HSB)	260.2°, 88.5, 98.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.326, 76.304, -94.326
XYZ	23.716, 10.849, 92.935
xyY	0.186, 0.085, 10.849
CIE-LCH	39.326, 121.325, 308.971
CIE-LUV	39.326, 3.094, -132.136
Hunter-Lab	32.938, 70.878, -144.228
Binary	01101000, 00011101, 11111100

#681dfc
```
#681dfc rgb(104,29,252)
```
#b1fc1d
```
#b1fc1d rgb(177,252,29)
```

Complementary Color

#1d42fc
```
#1d42fc rgb(29,66,252)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#d81dfc
```
#d81dfc rgb(216,29,252)
```

Analogous Color

#42fc1d
```
#42fc1d rgb(66,252,29)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#fcd81d
```
#fcd81d rgb(252,216,29)
```

Split Complementary Color

#1dfc68
```
#1dfc68 rgb(29,252,104)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#fc681d
```
#fc681d rgb(252,104,29)
```

Triadic Color

#1db1fc
```
#1db1fc rgb(29,177,252)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#fc681d
```
#fc681d rgb(252,104,29)
```
#b1fc1d
```
#b1fc1d rgb(177,252,29)
```

Tetradic Color

#4603ca
```
#4603ca rgb(70,3,202)
```
#4e03e3
```
#4e03e3 rgb(78,3,227)
```
#5704fc
```
#5704fc rgb(87,4,252)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#7936fc
```
#7936fc rgb(121,54,252)
```
#8a4ffd
```
#8a4ffd rgb(138,79,253)
```
#9a68fd
```
#9a68fd rgb(154,104,253)
```

Monochromatic Color

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

#301dfc
```
#301dfc rgb(48,29,252)
```
#431dfc
```
#431dfc rgb(67,29,252)
```
#551dfc
```
#551dfc rgb(85,29,252)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#7b1dfc
```
#7b1dfc rgb(123,29,252)
```
#8d1dfc
```
#8d1dfc rgb(141,29,252)
```
#a01dfc
```
#a01dfc rgb(160,29,252)
```

Similar Colors

Text with hexadecimal color #681dfc

This text has a font color of #681dfc.

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

#681dfc background color

This paragraph has a background color of #681dfc.

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

#681dfc border color

This element has a border color of #681dfc.

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

CSS codes

.text {color:#681dfc;}

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

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

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)
```
#10012d
```
#10012d rgb(16,1,45)
```
#160140
```
#160140 rgb(22,1,64)
```
#1d0154
```
#1d0154 rgb(29,1,84)
```
#240167
```
#240167 rgb(36,1,103)
```
#2a027a
```
#2a027a rgb(42,2,122)
```
#31028e
```
#31028e rgb(49,2,142)
```
#3802a1
```
#3802a1 rgb(56,2,161)
```
#3e02b5
```
#3e02b5 rgb(62,2,181)
```
#4503c8
```
#4503c8 rgb(69,3,200)
```
#4c03db
```
#4c03db rgb(76,3,219)
```
#5203ef
```
#5203ef rgb(82,3,239)
```

Shade Color Variation

#5b0afc
```
#5b0afc rgb(91,10,252)
```
#681dfc
```
#681dfc rgb(104,29,252)
```
#7530fc
```
#7530fc rgb(117,48,252)
```
#8244fd
```
#8244fd rgb(130,68,253)
```
#8f57fd
```
#8f57fd rgb(143,87,253)
```
#9c6afd
```
#9c6afd rgb(156,106,253)
```
#a97efd
```
#a97efd rgb(169,126,253)
```
#b691fe
```
#b691fe rgb(182,145,254)
```
#c3a5fe
```
#c3a5fe rgb(195,165,254)
```
#cfb8fe
```
#cfb8fe rgb(207,184,254)
```
#dccbfe
```
#dccbfe rgb(220,203,254)
```
#e9dfff
```
#e9dfff rgb(233,223,255)
```
#f6f2ff
```
#f6f2ff rgb(246,242,255)
```

Tint Color Variation

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

#8b8792
```
#8b8792 rgb(139,135,146)
```
#887e9b
```
#887e9b rgb(136,126,155)
```
#8575a4
```
#8575a4 rgb(133,117,164)
```
#826cad
```
#826cad rgb(130,108,173)
```
#7f63b6
```
#7f63b6 rgb(127,99,182)
```
#7c5bbe
```
#7c5bbe rgb(124,91,190)
```
#7952c7
```
#7952c7 rgb(121,82,199)
```
#7649d0
```
#7649d0 rgb(118,73,208)
```
#7440d9
```
#7440d9 rgb(116,64,217)
```
#7137e2
```
#7137e2 rgb(113,55,226)
```
#6e2fea
```
#6e2fea rgb(110,47,234)
```
#6b26f3
```
#6b26f3 rgb(107,38,243)
```
#681dfc
```
#681dfc rgb(104,29,252)
```

Tone Color Variation

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

#2549d4 Protanomaly 1% of men, 0.01% of women
#254cc4 Deuteranomaly 6% of men, 0.4% of women
#2551a7 Tritanomaly 0.01% of the population

#681dfc hex color

#681dfc Color Information

#681dfc Color Conversion

Color Schemes with #681dfc

Alternatives to #681dfc

#681dfc Preview

Shades and Tints of #681dfc

Tones of #681dfc

Color Blindness Simulator