#681fa5 hex color

In a RGB color space, hex #681fa5 is composed of 40.8% red, 12.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 81.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 272.7 degrees, a saturation of 68.4% and a lightness of 38.4%. #681fa5 color hex could be obtained by blending #d03eff with #00004b. Closest websafe color is: #663399.

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

● #681fa5 color description : Dark violet.

The hexadecimal color #681fa5 has RGB values of R:104, G:31, B:165 and CMYK values of C:0.37, M:0.81, Y:0, K:0.35. Its decimal value is 6823845.

Hex triplet	681fa5	`#681fa5`
RGB Decimal	104, 31, 165	`rgb(104,31,165)`
RGB Percent	40.8, 12.2, 64.7	`rgb(40.8%,12.2%,64.7%)`
CMYK	37, 81, 0, 35
HSL	272.7°, 68.4, 38.4	`hsl(272.7,68.4%,38.4%)`
HSV (or HSB)	272.7°, 81.2, 64.7
Web Safe	663399	`#663399`

CIE-LAB	30.972, 55.078, -57.555
XYZ	12.989, 6.64, 36.193
xyY	0.233, 0.119, 6.64
CIE-LCH	30.972, 79.663, 313.74
CIE-LUV	30.972, 14.933, -79.778
Hunter-Lab	25.768, 44.887, -65.239
Binary	01101000, 00011111, 10100101

#681fa5
```
#681fa5 rgb(104,31,165)
```
#5ca51f
```
#5ca51f rgb(92,165,31)
```

Complementary Color

#251fa5
```
#251fa5 rgb(37,31,165)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#a51f9f
```
#a51f9f rgb(165,31,159)
```

Analogous Color

#1fa525
```
#1fa525 rgb(31,165,37)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#9fa51f
```
#9fa51f rgb(159,165,31)
```

Split Complementary Color

#1fa568
```
#1fa568 rgb(31,165,104)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#a5681f
```
#a5681f rgb(165,104,31)
```

Triadic Color

#1f5ca5
```
#1f5ca5 rgb(31,92,165)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#a5681f
```
#a5681f rgb(165,104,31)
```
#5ca51f
```
#5ca51f rgb(92,165,31)
```

Tetradic Color

#3f1365
```
#3f1365 rgb(63,19,101)
```
#4d177a
```
#4d177a rgb(77,23,122)
```
#5a1b90
```
#5a1b90 rgb(90,27,144)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#7623ba
```
#7623ba rgb(118,35,186)
```
#8327d0
```
#8327d0 rgb(131,39,208)
```
#9037d9
```
#9037d9 rgb(144,55,217)
```

Monochromatic Color

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

#471fa5
```
#471fa5 rgb(71,31,165)
```
#521fa5
```
#521fa5 rgb(82,31,165)
```
#5d1fa5
```
#5d1fa5 rgb(93,31,165)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#731fa5
```
#731fa5 rgb(115,31,165)
```
#7e1fa5
```
#7e1fa5 rgb(126,31,165)
```
#8a1fa5
```
#8a1fa5 rgb(138,31,165)
```

Similar Colors

Text with hexadecimal color #681fa5

This text has a font color of #681fa5.

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

#681fa5 background color

This paragraph has a background color of #681fa5.

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

#681fa5 border color

This element has a border color of #681fa5.

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

CSS codes

.text {color:#681fa5;}

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

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

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 #ffffff is the lightest one.

#0a0310
```
#0a0310 rgb(10,3,16)
```
#150621
```
#150621 rgb(21,6,33)
```
#1f0931
```
#1f0931 rgb(31,9,49)
```
#2a0c42
```
#2a0c42 rgb(42,12,66)
```
#340f52
```
#340f52 rgb(52,15,82)
```
#3e1363
```
#3e1363 rgb(62,19,99)
```
#491673
```
#491673 rgb(73,22,115)
```
#531984
```
#531984 rgb(83,25,132)
```
#5e1c94
```
#5e1c94 rgb(94,28,148)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#7222b6
```
#7222b6 rgb(114,34,182)
```
#7d25c6
```
#7d25c6 rgb(125,37,198)
```
#8728d7
```
#8728d7 rgb(135,40,215)
```

Shade Color Variation

#9039da
```
#9039da rgb(144,57,218)
```
#9a49dd
```
#9a49dd rgb(154,73,221)
```
#a35ae0
```
#a35ae0 rgb(163,90,224)
```
#ac6ae3
```
#ac6ae3 rgb(172,106,227)
```
#b57be6
```
#b57be6 rgb(181,123,230)
```
#be8be9
```
#be8be9 rgb(190,139,233)
```
#c89cec
```
#c89cec rgb(200,156,236)
```
#d1acef
```
#d1acef rgb(209,172,239)
```
#dabdf3
```
#dabdf3 rgb(218,189,243)
```
#e3cdf6
```
#e3cdf6 rgb(227,205,246)
```
#eddef9
```
#eddef9 rgb(237,222,249)
```
#f6eefc
```
#f6eefc rgb(246,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#635b69
```
#635b69 rgb(99,91,105)
```
#635470
```
#635470 rgb(99,84,112)
```
#644c78
```
#644c78 rgb(100,76,120)
```
#65457f
```
#65457f rgb(101,69,127)
```
#653d87
```
#653d87 rgb(101,61,135)
```
#66368e
```
#66368e rgb(102,54,142)
```
#672e96
```
#672e96 rgb(103,46,150)
```
#67279d
```
#67279d rgb(103,39,157)
```
#681fa5
```
#681fa5 rgb(104,31,165)
```
#6917ad
```
#6917ad rgb(105,23,173)
```
#6910b4
```
#6910b4 rgb(105,16,180)
```
#6a08bc
```
#6a08bc rgb(106,8,188)
```
#6b01c3
```
#6b01c3 rgb(107,1,195)
```

Tone Color Variation

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

#00509b Protanopia 1% of men
#005489 Deuteranopia 1% of men
#5b4f54 Tritanopia 0.001% of the population

Trichromacy

#253e9f Protanomaly 1% of men, 0.01% of women
#254093 Deuteranomaly 6% of men, 0.4% of women
#5f3d71 Tritanomaly 0.01% of the population

#681fa5 hex color

#681fa5 Color Information

#681fa5 Color Conversion

Color Schemes with #681fa5

Alternatives to #681fa5

#681fa5 Preview

Shades and Tints of #681fa5

Tones of #681fa5

Color Blindness Simulator