#684eed hex color

In a RGB color space, hex #684eed is composed of 40.8% red, 30.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 67.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 249.8 degrees, a saturation of 81.5% and a lightness of 61.8%. #684eed color hex could be obtained by blending #d09cff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 31
- B 93
RGB color chart
- C 56
- M 67
- Y 0
- K 7
CMYK color chart

● #684eed color description : Soft blue.

The hexadecimal color #684eed has RGB values of R:104, G:78, B:237 and CMYK values of C:0.56, M:0.67, Y:0, K:0.07. Its decimal value is 6835949.

Hex triplet	684eed	`#684eed`
RGB Decimal	104, 78, 237	`rgb(104,78,237)`
RGB Percent	40.8, 30.6, 92.9	`rgb(40.8%,30.6%,92.9%)`
CMYK	56, 67, 0, 7
HSL	249.8°, 81.5, 61.8	`hsl(249.8,81.5%,61.8%)`
HSV (or HSB)	249.8°, 67.1, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.949, 52.068, -76.63
XYZ	23.716, 14.505, 81.666
xyY	0.198, 0.121, 14.505
CIE-LCH	44.949, 92.646, 304.195
CIE-LUV	44.949, -1.614, -116.798
Hunter-Lab	38.086, 44.503, -100.473
Binary	01101000, 01001110, 11101101

#684eed
```
#684eed rgb(104,78,237)
```
#d3ed4e
```
#d3ed4e rgb(211,237,78)
```

Complementary Color

#4e84ed
```
#4e84ed rgb(78,132,237)
```
#684eed
```
#684eed rgb(104,78,237)
```
#b84eed
```
#b84eed rgb(184,78,237)
```

Analogous Color

#84ed4e
```
#84ed4e rgb(132,237,78)
```
#684eed
```
#684eed rgb(104,78,237)
```
#edb84e
```
#edb84e rgb(237,184,78)
```

Split Complementary Color

#4eed68
```
#4eed68 rgb(78,237,104)
```
#684eed
```
#684eed rgb(104,78,237)
```
#ed684e
```
#ed684e rgb(237,104,78)
```

Triadic Color

#4ed3ed
```
#4ed3ed rgb(78,211,237)
```
#684eed
```
#684eed rgb(104,78,237)
```
#ed684e
```
#ed684e rgb(237,104,78)
```
#d3ed4e
```
#d3ed4e rgb(211,237,78)
```

Tetradic Color

#3616d8
```
#3616d8 rgb(54,22,216)
```
#4120e8
```
#4120e8 rgb(65,32,232)
```
#5437eb
```
#5437eb rgb(84,55,235)
```
#684eed
```
#684eed rgb(104,78,237)
```
#7c65ef
```
#7c65ef rgb(124,101,239)
```
#8f7cf2
```
#8f7cf2 rgb(143,124,242)
```
#a393f4
```
#a393f4 rgb(163,147,244)
```

Monochromatic Color

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

#4e5ced
```
#4e5ced rgb(78,92,237)
```
#4e4eed
```
#4e4eed rgb(78,78,237)
```
#5b4eed
```
#5b4eed rgb(91,78,237)
```
#684eed
```
#684eed rgb(104,78,237)
```
#754eed
```
#754eed rgb(117,78,237)
```
#834eed
```
#834eed rgb(131,78,237)
```
#904eed
```
#904eed rgb(144,78,237)
```

Similar Colors

Text with hexadecimal color #684eed

This text has a font color of #684eed.

<span style="color:#684eed;">Text here</span>

#684eed background color

This paragraph has a background color of #684eed.

<p style="background-color:#684eed;">Content here</p>

#684eed border color

This element has a border color of #684eed.

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

CSS codes

.text {color:#684eed;}

.background {background-color:#684eed;}

.border {border:1px solid #684eed;}

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, #000001 is the darkest color, while #f1eefd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#050213
```
#050213 rgb(5,2,19)
```
#090425
```
#090425 rgb(9,4,37)
```
#0e0636
```
#0e0636 rgb(14,6,54)
```
#120748
```
#120748 rgb(18,7,72)
```
#16095a
```
#16095a rgb(22,9,90)
```
#1b0b6c
```
#1b0b6c rgb(27,11,108)
```
#1f0d7e
```
#1f0d7e rgb(31,13,126)
```
#240f8f
```
#240f8f rgb(36,15,143)
```
#2810a1
```
#2810a1 rgb(40,16,161)
```
#2d12b3
```
#2d12b3 rgb(45,18,179)
```
#3114c5
```
#3114c5 rgb(49,20,197)
```
#3516d7
```
#3516d7 rgb(53,22,215)
```

Shade Color Variation

#3a19e8
```
#3a19e8 rgb(58,25,232)
```
#4a2ae9
```
#4a2ae9 rgb(74,42,233)
```
#593ceb
```
#593ceb rgb(89,60,235)
```
#684eed
```
#684eed rgb(104,78,237)
```
#7760ef
```
#7760ef rgb(119,96,239)
```
#8672f1
```
#8672f1 rgb(134,114,241)
```
#9683f2
```
#9683f2 rgb(150,131,242)
```
#a595f4
```
#a595f4 rgb(165,149,244)
```
#b4a7f6
```
#b4a7f6 rgb(180,167,246)
```
#c3b9f8
```
#c3b9f8 rgb(195,185,248)
```
#d2cbfa
```
#d2cbfa rgb(210,203,250)
```
#e2dcfb
```
#e2dcfb rgb(226,220,251)
```
#f1eefd
```
#f1eefd rgb(241,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a99a2 is the less saturated color, while #5e3ffc is the most saturated one.

#9a99a2
```
#9a99a2 rgb(154,153,162)
```
#9592aa
```
#9592aa rgb(149,146,170)
```
#908ab1
```
#908ab1 rgb(144,138,177)
```
#8b83b9
```
#8b83b9 rgb(139,131,185)
```
#867bc0
```
#867bc0 rgb(134,123,192)
```
#8174c8
```
#8174c8 rgb(129,116,200)
```
#7c6ccf
```
#7c6ccf rgb(124,108,207)
```
#7765d7
```
#7765d7 rgb(119,101,215)
```
#725dde
```
#725dde rgb(114,93,222)
```
#6d56e6
```
#6d56e6 rgb(109,86,230)
```
#684eed
```
#684eed rgb(104,78,237)
```
#6347f5
```
#6347f5 rgb(99,71,245)
```
#5e3ffc
```
#5e3ffc rgb(94,63,252)
```

Tone Color Variation

Below, you can see how #684eed 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

#686868 Achromatopsia 0.005% of the population
#686383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#377b84 Tritanopia 0.001% of the population

Trichromacy

#2562df Protanomaly 1% of men, 0.01% of women
#2566ce Deuteranomaly 6% of men, 0.4% of women
#496aaa Tritanomaly 0.01% of the population

#684eed hex color

#684eed Color Information

#684eed Color Conversion

Color Schemes with #684eed

Alternatives to #684eed

#684eed Preview

Shades and Tints of #684eed

Tones of #684eed

Color Blindness Simulator