#681fa4 hex color

In a RGB color space, hex #681fa4 is composed of 40.8% red, 12.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 81.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 272.9 degrees, a saturation of 68.2% and a lightness of 38.2%. #681fa4 color hex could be obtained by blending #d03eff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 12
- B 64
RGB color chart
- C 37
- M 81
- Y 0
- K 36
CMYK color chart

● #681fa4 color description : Dark violet.

The hexadecimal color #681fa4 has RGB values of R:104, G:31, B:164 and CMYK values of C:0.37, M:0.81, Y:0, K:0.36. Its decimal value is 6823844.

Hex triplet	681fa4	`#681fa4`
RGB Decimal	104, 31, 164	`rgb(104,31,164)`
RGB Percent	40.8, 12.2, 64.3	`rgb(40.8%,12.2%,64.3%)`
CMYK	37, 81, 0, 36
HSL	272.9°, 68.2, 38.2	`hsl(272.9,68.2%,38.2%)`
HSV (or HSB)	272.9°, 81.1, 64.3
Web Safe	663399	`#663399`

CIE-LAB	30.887, 54.846, -57.091
XYZ	12.899, 6.604, 35.715
xyY	0.234, 0.12, 6.604
CIE-LCH	30.887, 79.168, 313.851
CIE-LUV	30.887, 15.117, -79.132
Hunter-Lab	25.697, 44.627, -64.415
Binary	01101000, 00011111, 10100100

#681fa4
```
#681fa4 rgb(104,31,164)
```
#5ba41f
```
#5ba41f rgb(91,164,31)
```

Complementary Color

#261fa4
```
#261fa4 rgb(38,31,164)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#a41f9e
```
#a41f9e rgb(164,31,158)
```

Analogous Color

#1fa426
```
#1fa426 rgb(31,164,38)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#9ea41f
```
#9ea41f rgb(158,164,31)
```

Split Complementary Color

#1fa468
```
#1fa468 rgb(31,164,104)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#a4681f
```
#a4681f rgb(164,104,31)
```

Triadic Color

#1f5ba4
```
#1f5ba4 rgb(31,91,164)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#a4681f
```
#a4681f rgb(164,104,31)
```
#5ba41f
```
#5ba41f rgb(91,164,31)
```

Tetradic Color

#3f1364
```
#3f1364 rgb(63,19,100)
```
#4d1779
```
#4d1779 rgb(77,23,121)
```
#5a1b8f
```
#5a1b8f rgb(90,27,143)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#7623b9
```
#7623b9 rgb(118,35,185)
```
#8327cf
```
#8327cf rgb(131,39,207)
```
#9036d9
```
#9036d9 rgb(144,54,217)
```

Monochromatic Color

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

#471fa4
```
#471fa4 rgb(71,31,164)
```
#521fa4
```
#521fa4 rgb(82,31,164)
```
#5d1fa4
```
#5d1fa4 rgb(93,31,164)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#731fa4
```
#731fa4 rgb(115,31,164)
```
#7e1fa4
```
#7e1fa4 rgb(126,31,164)
```
#891fa4
```
#891fa4 rgb(137,31,164)
```

Similar Colors

Text with hexadecimal color #681fa4

This text has a font color of #681fa4.

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

#681fa4 background color

This paragraph has a background color of #681fa4.

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

#681fa4 border color

This element has a border color of #681fa4.

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

CSS codes

.text {color:#681fa4;}

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

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

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, #0a0310 is the darkest color, while #fefeff is the lightest one.

#0a0310
```
#0a0310 rgb(10,3,16)
```
#140620
```
#140620 rgb(20,6,32)
```
#1f0931
```
#1f0931 rgb(31,9,49)
```
#290c41
```
#290c41 rgb(41,12,65)
```
#340f52
```
#340f52 rgb(52,15,82)
```
#3e1362
```
#3e1362 rgb(62,19,98)
```
#491673
```
#491673 rgb(73,22,115)
```
#531983
```
#531983 rgb(83,25,131)
```
#5e1c94
```
#5e1c94 rgb(94,28,148)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#7222b4
```
#7222b4 rgb(114,34,180)
```
#7d25c5
```
#7d25c5 rgb(125,37,197)
```
#8728d5
```
#8728d5 rgb(135,40,213)
```

Shade Color Variation

#9138d9
```
#9138d9 rgb(145,56,217)
```
#9a49dd
```
#9a49dd rgb(154,73,221)
```
#a359e0
```
#a359e0 rgb(163,89,224)
```
#ac6ae3
```
#ac6ae3 rgb(172,106,227)
```
#b57ae6
```
#b57ae6 rgb(181,122,230)
```
#be8be9
```
#be8be9 rgb(190,139,233)
```
#c89bec
```
#c89bec rgb(200,155,236)
```
#d1acef
```
#d1acef rgb(209,172,239)
```
#dabcf2
```
#dabcf2 rgb(218,188,242)
```
#e3cdf5
```
#e3cdf5 rgb(227,205,245)
```
#ecddf9
```
#ecddf9 rgb(236,221,249)
```
#f5eefc
```
#f5eefc rgb(245,238,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625b68 is the less saturated color, while #6b01c2 is the most saturated one.

#625b68
```
#625b68 rgb(98,91,104)
```
#635470
```
#635470 rgb(99,84,112)
```
#644c77
```
#644c77 rgb(100,76,119)
```
#64457f
```
#64457f rgb(100,69,127)
```
#653d86
```
#653d86 rgb(101,61,134)
```
#66368e
```
#66368e rgb(102,54,142)
```
#672e95
```
#672e95 rgb(103,46,149)
```
#67279d
```
#67279d rgb(103,39,157)
```
#681fa4
```
#681fa4 rgb(104,31,164)
```
#6918ac
```
#6918ac rgb(105,24,172)
```
#6910b3
```
#6910b3 rgb(105,16,179)
```
#6a09bb
```
#6a09bb rgb(106,9,187)
```
#6b01c2
```
#6b01c2 rgb(107,1,194)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4b3d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005488 Deuteranopia 1% of men
#5b4e54 Tritanopia 0.001% of the population

Trichromacy

#253e9e Protanomaly 1% of men, 0.01% of women
#254092 Deuteranomaly 6% of men, 0.4% of women
#603d71 Tritanomaly 0.01% of the population

#681fa4 hex color

#681fa4 Color Information

#681fa4 Color Conversion

Color Schemes with #681fa4

Alternatives to #681fa4

#681fa4 Preview

Shades and Tints of #681fa4

Tones of #681fa4

Color Blindness Simulator