#681fc5 hex color

In a RGB color space, hex #681fc5 is composed of 40.8% red, 12.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 84.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 266.4 degrees, a saturation of 72.8% and a lightness of 44.7%. #681fc5 color hex could be obtained by blending #d03eff with #00008b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 12
- B 77
RGB color chart
- C 47
- M 84
- Y 0
- K 23
CMYK color chart

● #681fc5 color description : Strong violet.

The hexadecimal color #681fc5 has RGB values of R:104, G:31, B:197 and CMYK values of C:0.47, M:0.84, Y:0, K:0.23. Its decimal value is 6823877.

Hex triplet	681fc5	`#681fc5`
RGB Decimal	104, 31, 197	`rgb(104,31,197)`
RGB Percent	40.8, 12.2, 77.3	`rgb(40.8%,12.2%,77.3%)`
CMYK	47, 84, 0, 23
HSL	266.4°, 72.8, 44.7	`hsl(266.4,72.8%,44.7%)`
HSV (or HSB)	266.4°, 84.3, 77.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.887, 62.62, -71.805
XYZ	16.275, 7.954, 53.498
xyY	0.209, 0.102, 7.954
CIE-LCH	33.887, 95.275, 311.091
CIE-LUV	33.887, 9.707, -99.805
Hunter-Lab	28.203, 53.652, -92.724
Binary	01101000, 00011111, 11000101

#681fc5
```
#681fc5 rgb(104,31,197)
```
#7cc51f
```
#7cc51f rgb(124,197,31)
```

Complementary Color

#1f29c5
```
#1f29c5 rgb(31,41,197)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#bb1fc5
```
#bb1fc5 rgb(187,31,197)
```

Analogous Color

#29c51f
```
#29c51f rgb(41,197,31)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#c5bb1f
```
#c5bb1f rgb(197,187,31)
```

Split Complementary Color

#1fc568
```
#1fc568 rgb(31,197,104)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#c5681f
```
#c5681f rgb(197,104,31)
```

Triadic Color

#1f7cc5
```
#1f7cc5 rgb(31,124,197)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#c5681f
```
#c5681f rgb(197,104,31)
```
#7cc51f
```
#7cc51f rgb(124,197,31)
```

Tetradic Color

#451583
```
#451583 rgb(69,21,131)
```
#511899
```
#511899 rgb(81,24,153)
```
#5c1caf
```
#5c1caf rgb(92,28,175)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#7422db
```
#7422db rgb(116,34,219)
```
#8137e0
```
#8137e0 rgb(129,55,224)
```
#8f4de3
```
#8f4de3 rgb(143,77,227)
```

Monochromatic Color

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

#3e1fc5
```
#3e1fc5 rgb(62,31,197)
```
#4c1fc5
```
#4c1fc5 rgb(76,31,197)
```
#5a1fc5
```
#5a1fc5 rgb(90,31,197)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#761fc5
```
#761fc5 rgb(118,31,197)
```
#841fc5
```
#841fc5 rgb(132,31,197)
```
#921fc5
```
#921fc5 rgb(146,31,197)
```

Similar Colors

Text with hexadecimal color #681fc5

This text has a font color of #681fc5.

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

#681fc5 background color

This paragraph has a background color of #681fc5.

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

#681fc5 border color

This element has a border color of #681fc5.

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

CSS codes

.text {color:#681fc5;}

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

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

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, #06020b is the darkest color, while #fbf9fe is the lightest one.

#06020b
```
#06020b rgb(6,2,11)
```
#0f041c
```
#0f041c rgb(15,4,28)
```
#17072c
```
#17072c rgb(23,7,44)
```
#200a3d
```
#200a3d rgb(32,10,61)
```
#290c4e
```
#290c4e rgb(41,12,78)
```
#320f5f
```
#320f5f rgb(50,15,95)
```
#3b1270
```
#3b1270 rgb(59,18,112)
```
#441481
```
#441481 rgb(68,20,129)
```
#4d1792
```
#4d1792 rgb(77,23,146)
```
#561aa3
```
#561aa3 rgb(86,26,163)
```
#5f1cb4
```
#5f1cb4 rgb(95,28,180)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#7122d6
```
#7122d6 rgb(113,34,214)
```

Shade Color Variation

#7b2dde
```
#7b2dde rgb(123,45,222)
```
#863ee1
```
#863ee1 rgb(134,62,225)
```
#904fe3
```
#904fe3 rgb(144,79,227)
```
#9b60e6
```
#9b60e6 rgb(155,96,230)
```
#a671e9
```
#a671e9 rgb(166,113,233)
```
#b082eb
```
#b082eb rgb(176,130,235)
```
#bb93ee
```
#bb93ee rgb(187,147,238)
```
#c6a4f1
```
#c6a4f1 rgb(198,164,241)
```
#d0b5f3
```
#d0b5f3 rgb(208,181,243)
```
#dbc6f6
```
#dbc6f6 rgb(219,198,246)
```
#e6d7f9
```
#e6d7f9 rgb(230,215,249)
```
#f0e8fb
```
#f0e8fb rgb(240,232,251)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726e76 is the less saturated color, while #6505df is the most saturated one.

#726e76
```
#726e76 rgb(114,110,118)
```
#70657f
```
#70657f rgb(112,101,127)
```
#6f5c88
```
#6f5c88 rgb(111,92,136)
```
#6e5490
```
#6e5490 rgb(110,84,144)
```
#6d4b99
```
#6d4b99 rgb(109,75,153)
```
#6c42a2
```
#6c42a2 rgb(108,66,162)
```
#6b39ab
```
#6b39ab rgb(107,57,171)
```
#6a31b3
```
#6a31b3 rgb(106,49,179)
```
#6928bc
```
#6928bc rgb(105,40,188)
```
#681fc5
```
#681fc5 rgb(104,31,197)
```
#6716ce
```
#6716ce rgb(103,22,206)
```
#660dd7
```
#660dd7 rgb(102,13,215)
```
#6505df
```
#6505df rgb(101,5,223)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4e4061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#4d5a61 Tritanopia 0.001% of the population

Trichromacy

#2542b2 Protanomaly 1% of men, 0.01% of women
#2545a4 Deuteranomaly 6% of men, 0.4% of women
#574585 Tritanomaly 0.01% of the population

#681fc5 hex color

#681fc5 Color Information

#681fc5 Color Conversion

Color Schemes with #681fc5

Alternatives to #681fc5

#681fc5 Preview

Shades and Tints of #681fc5

Tones of #681fc5

Color Blindness Simulator