#868ed4 hex color

In a RGB color space, hex #868ed4 is composed of 52.5% red, 55.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 33% magenta, 0% yellow and 16.9% black. It has a hue angle of 233.8 degrees, a saturation of 47.6% and a lightness of 67.8%. #868ed4 color hex could be obtained by blending #ffffff with #0d1da9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 56
- B 83
RGB color chart
- C 37
- M 33
- Y 0
- K 17
CMYK color chart

● #868ed4 color description : Slightly desaturated blue.

The hexadecimal color #868ed4 has RGB values of R:134, G:142, B:212 and CMYK values of C:0.37, M:0.33, Y:0, K:0.17. Its decimal value is 8818388.

Hex triplet	868ed4	`#868ed4`
RGB Decimal	134, 142, 212	`rgb(134,142,212)`
RGB Percent	52.5, 55.7, 83.1	`rgb(52.5%,55.7%,83.1%)`
CMYK	37, 33, 0, 17
HSL	233.8°, 47.6, 67.8	`hsl(233.8,47.6%,67.8%)`
HSV (or HSB)	233.8°, 36.8, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.929, 14.006, -36.847
XYZ	31.386, 29.167, 66.26
xyY	0.247, 0.23, 29.167
CIE-LCH	60.929, 39.42, 290.812
CIE-LUV	60.929, -7.769, -59.543
Hunter-Lab	54.007, 9.224, -34.938
Binary	10000110, 10001110, 11010100

#868ed4
```
#868ed4 rgb(134,142,212)
```
#d4cc86
```
#d4cc86 rgb(212,204,134)
```

Complementary Color

#86b5d4
```
#86b5d4 rgb(134,181,212)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#a586d4
```
#a586d4 rgb(165,134,212)
```

Analogous Color

#b5d486
```
#b5d486 rgb(181,212,134)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#d4a586
```
#d4a586 rgb(212,165,134)
```

Split Complementary Color

#8ed486
```
#8ed486 rgb(142,212,134)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#d4868e
```
#d4868e rgb(212,134,142)
```

Triadic Color

#86d4cc
```
#86d4cc rgb(134,212,204)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#d4868e
```
#d4868e rgb(212,134,142)
```
#d4cc86
```
#d4cc86 rgb(212,204,134)
```

Tetradic Color

#4e59c0
```
#4e59c0 rgb(78,89,192)
```
#606bc7
```
#606bc7 rgb(96,107,199)
```
#737ccd
```
#737ccd rgb(115,124,205)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#99a0db
```
#99a0db rgb(153,160,219)
```
#acb1e1
```
#acb1e1 rgb(172,177,225)
```
#bec3e8
```
#bec3e8 rgb(190,195,232)
```

Monochromatic Color

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

#86a2d4
```
#86a2d4 rgb(134,162,212)
```
#869bd4
```
#869bd4 rgb(134,155,212)
```
#8695d4
```
#8695d4 rgb(134,149,212)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#8688d4
```
#8688d4 rgb(134,136,212)
```
#8b86d4
```
#8b86d4 rgb(139,134,212)
```
#9286d4
```
#9286d4 rgb(146,134,212)
```

Similar Colors

Text with hexadecimal color #868ed4

This text has a font color of #868ed4.

<span style="color:#868ed4;">Text here</span>

#868ed4 background color

This paragraph has a background color of #868ed4.

<p style="background-color:#868ed4;">Content here</p>

#868ed4 border color

This element has a border color of #868ed4.

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

CSS codes

.text {color:#868ed4;}

.background {background-color:#868ed4;}

.border {border:1px solid #868ed4;}

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0e1026
```
#0e1026 rgb(14,16,38)
```
#131635
```
#131635 rgb(19,22,53)
```
#181c43
```
#181c43 rgb(24,28,67)
```
#1d2252
```
#1d2252 rgb(29,34,82)
```
#222860
```
#222860 rgb(34,40,96)
```
#272f6f
```
#272f6f rgb(39,47,111)
```
#2c357d
```
#2c357d rgb(44,53,125)
```
#323b8c
```
#323b8c rgb(50,59,140)
```
#37419a
```
#37419a rgb(55,65,154)
```
#3c47a8
```
#3c47a8 rgb(60,71,168)
```
#414db7
```
#414db7 rgb(65,77,183)
```

Shade Color Variation

#4c58bf
```
#4c58bf rgb(76,88,191)
```
#5b65c5
```
#5b65c5 rgb(91,101,197)
```
#6973ca
```
#6973ca rgb(105,115,202)
```
#7880cf
```
#7880cf rgb(120,128,207)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#949cd9
```
#949cd9 rgb(148,156,217)
```
#a3a9de
```
#a3a9de rgb(163,169,222)
```
#b1b7e3
```
#b1b7e3 rgb(177,183,227)
```
#c0c4e9
```
#c0c4e9 rgb(192,196,233)
```
#ced2ee
```
#ced2ee rgb(206,210,238)
```
#dddff3
```
#dddff3 rgb(221,223,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#acacae
```
#acacae rgb(172,172,174)
```
#a6a7b4
```
#a6a7b4 rgb(166,167,180)
```
#9fa2bb
```
#9fa2bb rgb(159,162,187)
```
#999dc1
```
#999dc1 rgb(153,157,193)
```
#9398c7
```
#9398c7 rgb(147,152,199)
```
#8c93ce
```
#8c93ce rgb(140,147,206)
```
#868ed4
```
#868ed4 rgb(134,142,212)
```
#8089da
```
#8089da rgb(128,137,218)
```
#7984e1
```
#7984e1 rgb(121,132,225)
```
#737fe7
```
#737fe7 rgb(115,127,231)
```
#6d7aed
```
#6d7aed rgb(109,122,237)
```
#6675f4
```
#6675f4 rgb(102,117,244)
```
#6070fa
```
#6070fa rgb(96,112,250)
```

Tone Color Variation

Below, you can see how #868ed4 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

#949494 Achromatopsia 0.005% of the population
#9193a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8196d8 Protanopia 1% of men
#7e97d4 Deuteranopia 1% of men
#7f9da8 Tritanopia 0.001% of the population

Trichromacy

#8293d6 Protanomaly 1% of men, 0.01% of women
#8194d4 Deuteranomaly 6% of men, 0.4% of women
#8197b8 Tritanomaly 0.01% of the population

#868ed4 hex color

#868ed4 Color Information

#868ed4 Color Conversion

Color Schemes with #868ed4

Alternatives to #868ed4

#868ed4 Preview

Shades and Tints of #868ed4

Tones of #868ed4

Color Blindness Simulator