#6c70e4 hex color

In a RGB color space, hex #6c70e4 is composed of 42.4% red, 43.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 50.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 238 degrees, a saturation of 69% and a lightness of 65.9%. #6c70e4 color hex could be obtained by blending #d8e0ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 44
- B 89
RGB color chart
- C 53
- M 51
- Y 0
- K 11
CMYK color chart

● #6c70e4 color description : Soft blue.

The hexadecimal color #6c70e4 has RGB values of R:108, G:112, B:228 and CMYK values of C:0.53, M:0.51, Y:0, K:0.11. Its decimal value is 7106788.

Hex triplet	6c70e4	`#6c70e4`
RGB Decimal	108, 112, 228	`rgb(108,112,228)`
RGB Percent	42.4, 43.9, 89.4	`rgb(42.4%,43.9%,89.4%)`
CMYK	53, 51, 0, 11
HSL	238°, 69, 65.9	`hsl(238,69%,65.9%)`
HSV (or HSB)	238°, 52.6, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.261, 30.261, -59.688
XYZ	25.979, 20.377, 75.959
xyY	0.212, 0.167, 20.377
CIE-LCH	52.261, 66.921, 296.885
CIE-LUV	52.261, -8.228, -95.497
Hunter-Lab	45.141, 23.733, -68.169
Binary	01101100, 01110000, 11100100

#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#e4e06c
```
#e4e06c rgb(228,224,108)
```

Complementary Color

#6cace4
```
#6cace4 rgb(108,172,228)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#a46ce4
```
#a46ce4 rgb(164,108,228)
```

Analogous Color

#ace46c
```
#ace46c rgb(172,228,108)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#e4a46c
```
#e4a46c rgb(228,164,108)
```

Split Complementary Color

#70e46c
```
#70e46c rgb(112,228,108)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#e46c70
```
#e46c70 rgb(228,108,112)
```

Triadic Color

#6ce4e0
```
#6ce4e0 rgb(108,228,224)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#e46c70
```
#e46c70 rgb(228,108,112)
```
#e4e06c
```
#e4e06c rgb(228,224,108)
```

Tetradic Color

#2b31d8
```
#2b31d8 rgb(43,49,216)
```
#4146dc
```
#4146dc rgb(65,70,220)
```
#565be0
```
#565be0 rgb(86,91,224)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#8285e8
```
#8285e8 rgb(130,133,232)
```
#979aec
```
#979aec rgb(151,154,236)
```
#adaff0
```
#adaff0 rgb(173,175,240)
```

Monochromatic Color

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

#6c8ee4
```
#6c8ee4 rgb(108,142,228)
```
#6c84e4
```
#6c84e4 rgb(108,132,228)
```
#6c7ae4
```
#6c7ae4 rgb(108,122,228)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#726ce4
```
#726ce4 rgb(114,108,228)
```
#7c6ce4
```
#7c6ce4 rgb(124,108,228)
```
#866ce4
```
#866ce4 rgb(134,108,228)
```

Similar Colors

Text with hexadecimal color #6c70e4

This text has a font color of #6c70e4.

<span style="color:#6c70e4;">Text here</span>

#6c70e4 background color

This paragraph has a background color of #6c70e4.

<p style="background-color:#6c70e4;">Content here</p>

#6c70e4 border color

This element has a border color of #6c70e4.

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

CSS codes

.text {color:#6c70e4;}

.background {background-color:#6c70e4;}

.border {border:1px solid #6c70e4;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030413
```
#030413 rgb(3,4,19)
```
#060723
```
#060723 rgb(6,7,35)
```
#0a0b34
```
#0a0b34 rgb(10,11,52)
```
#0d0e44
```
#0d0e44 rgb(13,14,68)
```
#101255
```
#101255 rgb(16,18,85)
```
#131566
```
#131566 rgb(19,21,102)
```
#161976
```
#161976 rgb(22,25,118)
```
#191c87
```
#191c87 rgb(25,28,135)
```
#1c2097
```
#1c2097 rgb(28,32,151)
```
#1f23a8
```
#1f23a8 rgb(31,35,168)
```
#2227b8
```
#2227b8 rgb(34,39,184)
```
#252ac9
```
#252ac9 rgb(37,42,201)
```

Shade Color Variation

#2a30d8
```
#2a30d8 rgb(42,48,216)
```
#3a40db
```
#3a40db rgb(58,64,219)
```
#4b50de
```
#4b50de rgb(75,80,222)
```
#5b60e1
```
#5b60e1 rgb(91,96,225)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#7d80e7
```
#7d80e7 rgb(125,128,231)
```
#8d90ea
```
#8d90ea rgb(141,144,234)
```
#9ea0ed
```
#9ea0ed rgb(158,160,237)
```
#aeb0f0
```
#aeb0f0 rgb(174,176,240)
```
#bfc1f3
```
#bfc1f3 rgb(191,193,243)
```
#cfd1f6
```
#cfd1f6 rgb(207,209,246)
```
#e0e1f9
```
#e0e1f9 rgb(224,225,249)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#a2a2ae
```
#a2a2ae rgb(162,162,174)
```
#9b9cb5
```
#9b9cb5 rgb(155,156,181)
```
#9495bc
```
#9495bc rgb(148,149,188)
```
#8d8fc3
```
#8d8fc3 rgb(141,143,195)
```
#8789c9
```
#8789c9 rgb(135,137,201)
```
#8083d0
```
#8083d0 rgb(128,131,208)
```
#797cd7
```
#797cd7 rgb(121,124,215)
```
#7376dd
```
#7376dd rgb(115,118,221)
```
#6c70e4
```
#6c70e4 rgb(108,112,228)
```
#656aeb
```
#656aeb rgb(101,106,235)
```
#5f64f1
```
#5f64f1 rgb(95,100,241)
```
#585df8
```
#585df8 rgb(88,93,248)
```
#5157ff
```
#5157ff rgb(81,87,255)
```

Tone Color Variation

Below, you can see how #6c70e4 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

#7c7c7c Achromatopsia 0.005% of the population
#797a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d7fec Protanopia 1% of men
#0085de Deuteranopia 1% of men
#508c96 Tritanopia 0.001% of the population

Trichromacy

#4e7ae9 Protanomaly 1% of men, 0.01% of women
#277de0 Deuteranomaly 6% of men, 0.4% of women
#5a81b2 Tritanomaly 0.01% of the population

#6c70e4 hex color

#6c70e4 Color Information

#6c70e4 Color Conversion

Color Schemes with #6c70e4

Alternatives to #6c70e4

#6c70e4 Preview

Shades and Tints of #6c70e4

Tones of #6c70e4

Color Blindness Simulator