#6860e4 hex color

In a RGB color space, hex #6860e4 is composed of 40.8% red, 37.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 57.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 243.6 degrees, a saturation of 71% and a lightness of 63.5%. #6860e4 color hex could be obtained by blending #d0c0ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 38
- B 89
RGB color chart
- C 54
- M 58
- Y 0
- K 11
CMYK color chart

● #6860e4 color description : Soft blue.

The hexadecimal color #6860e4 has RGB values of R:104, G:96, B:228 and CMYK values of C:0.54, M:0.58, Y:0, K:0.11. Its decimal value is 6840548.

Hex triplet	6860e4	`#6860e4`
RGB Decimal	104, 96, 228	`rgb(104,96,228)`
RGB Percent	40.8, 37.6, 89.4	`rgb(40.8%,37.6%,89.4%)`
CMYK	54, 58, 0, 11
HSL	243.6°, 71, 63.5	`hsl(243.6,71%,63.5%)`
HSV (or HSB)	243.6°, 57.9, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.146, 39.068, -66.347
XYZ	23.893, 16.909, 75.399
xyY	0.206, 0.146, 16.909
CIE-LCH	48.146, 76.995, 300.491
CIE-LUV	48.146, -5.079, -104.037
Hunter-Lab	41.121, 31.753, -79.929
Binary	01101000, 01100000, 11100100

#6860e4
```
#6860e4 rgb(104,96,228)
```
#dce460
```
#dce460 rgb(220,228,96)
```

Complementary Color

#609ae4
```
#609ae4 rgb(96,154,228)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#aa60e4
```
#aa60e4 rgb(170,96,228)
```

Analogous Color

#9ae460
```
#9ae460 rgb(154,228,96)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#e4aa60
```
#e4aa60 rgb(228,170,96)
```

Split Complementary Color

#60e468
```
#60e468 rgb(96,228,104)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#e46860
```
#e46860 rgb(228,104,96)
```

Triadic Color

#60dce4
```
#60dce4 rgb(96,220,228)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#e46860
```
#e46860 rgb(228,104,96)
```
#dce460
```
#dce460 rgb(220,228,96)
```

Tetradic Color

#2f24d4
```
#2f24d4 rgb(47,36,212)
```
#3f34dd
```
#3f34dd rgb(63,52,221)
```
#534ae0
```
#534ae0 rgb(83,74,224)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#7d76e8
```
#7d76e8 rgb(125,118,232)
```
#918ceb
```
#918ceb rgb(145,140,235)
```
#a6a1ef
```
#a6a1ef rgb(166,161,239)
```

Monochromatic Color

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

#6079e4
```
#6079e4 rgb(96,121,228)
```
#606ee4
```
#606ee4 rgb(96,110,228)
```
#6063e4
```
#6063e4 rgb(96,99,228)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#7360e4
```
#7360e4 rgb(115,96,228)
```
#7e60e4
```
#7e60e4 rgb(126,96,228)
```
#8960e4
```
#8960e4 rgb(137,96,228)
```

Similar Colors

Text with hexadecimal color #6860e4

This text has a font color of #6860e4.

<span style="color:#6860e4;">Text here</span>

#6860e4 background color

This paragraph has a background color of #6860e4.

<p style="background-color:#6860e4;">Content here</p>

#6860e4 border color

This element has a border color of #6860e4.

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

CSS codes

.text {color:#6860e4;}

.background {background-color:#6860e4;}

.border {border:1px solid #6860e4;}

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

#020109
```
#020109 rgb(2,1,9)
```
#060419
```
#060419 rgb(6,4,25)
```
#09072a
```
#09072a rgb(9,7,42)
```
#0d0a3b
```
#0d0a3b rgb(13,10,59)
```
#110d4c
```
#110d4c rgb(17,13,76)
```
#14105d
```
#14105d rgb(20,16,93)
```
#18136d
```
#18136d rgb(24,19,109)
```
#1c157e
```
#1c157e rgb(28,21,126)
```
#1f188f
```
#1f188f rgb(31,24,143)
```
#231ba0
```
#231ba0 rgb(35,27,160)
```
#271eb0
```
#271eb0 rgb(39,30,176)
```
#2b21c1
```
#2b21c1 rgb(43,33,193)
```
#2e24d2
```
#2e24d2 rgb(46,36,210)
```

Shade Color Variation

#382edb
```
#382edb rgb(56,46,219)
```
#483ede
```
#483ede rgb(72,62,222)
```
#584fe1
```
#584fe1 rgb(88,79,225)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#7871e7
```
#7871e7 rgb(120,113,231)
```
#8882ea
```
#8882ea rgb(136,130,234)
```
#9892ed
```
#9892ed rgb(152,146,237)
```
#a8a3ef
```
#a8a3ef rgb(168,163,239)
```
#b8b4f2
```
#b8b4f2 rgb(184,180,242)
```
#c8c5f5
```
#c8c5f5 rgb(200,197,245)
```
#d7d5f8
```
#d7d5f8 rgb(215,213,248)
```
#e7e6fb
```
#e7e6fb rgb(231,230,251)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a0a4 is the less saturated color, while #554bf9 is the most saturated one.

#a1a0a4
```
#a1a0a4 rgb(161,160,164)
```
#9a99ab
```
#9a99ab rgb(154,153,171)
```
#9492b2
```
#9492b2 rgb(148,146,178)
```
#8e8bb9
```
#8e8bb9 rgb(142,139,185)
```
#8784c0
```
#8784c0 rgb(135,132,192)
```
#817dc7
```
#817dc7 rgb(129,125,199)
```
#7b75cf
```
#7b75cf rgb(123,117,207)
```
#756ed6
```
#756ed6 rgb(117,110,214)
```
#6e67dd
```
#6e67dd rgb(110,103,221)
```
#6860e4
```
#6860e4 rgb(104,96,228)
```
#6259eb
```
#6259eb rgb(98,89,235)
```
#5b52f2
```
#5b52f2 rgb(91,82,242)
```
#554bf9
```
#554bf9 rgb(85,75,249)
```

Tone Color Variation

Below, you can see how #6860e4 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

#717171 Achromatopsia 0.005% of the population
#6f6e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#45828b Tritanopia 0.001% of the population

Trichromacy

#256de5 Protanomaly 1% of men, 0.01% of women
#2571d4 Deuteranomaly 6% of men, 0.4% of women
#5175ab Tritanomaly 0.01% of the population

#6860e4 hex color

#6860e4 Color Information

#6860e4 Color Conversion

Color Schemes with #6860e4

Alternatives to #6860e4

#6860e4 Preview

Shades and Tints of #6860e4

Tones of #6860e4

Color Blindness Simulator