#6870ec hex color

In a RGB color space, hex #6870ec is composed of 40.8% red, 43.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 52.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.4 degrees, a saturation of 77.6% and a lightness of 66.7%. #6870ec color hex could be obtained by blending #d0e0ff with #0000d9. Closest websafe color is: #6666ff.

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

● #6870ec color description : Soft blue.

The hexadecimal color #6870ec has RGB values of R:104, G:112, B:236 and CMYK values of C:0.56, M:0.53, Y:0, K:0.07. Its decimal value is 6844652.

Hex triplet	6870ec	`#6870ec`
RGB Decimal	104, 112, 236	`rgb(104,112,236)`
RGB Percent	40.8, 43.9, 92.5	`rgb(40.8%,43.9%,92.5%)`
CMYK	56, 53, 0, 7
HSL	236.4°, 77.6, 66.7	`hsl(236.4,77.6%,66.7%)`
HSV (or HSB)	236.4°, 55.9, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.494, 31.986, -63.812
XYZ	26.64, 20.586, 81.922
xyY	0.206, 0.159, 20.586
CIE-LCH	52.494, 71.38, 296.623
CIE-LUV	52.494, -9.89, -102.058
Hunter-Lab	45.372, 25.405, -75.291
Binary	01101000, 01110000, 11101100

#6870ec
```
#6870ec rgb(104,112,236)
```
#ece468
```
#ece468 rgb(236,228,104)
```

Complementary Color

#68b2ec
```
#68b2ec rgb(104,178,236)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#a268ec
```
#a268ec rgb(162,104,236)
```

Analogous Color

#b2ec68
```
#b2ec68 rgb(178,236,104)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#eca268
```
#eca268 rgb(236,162,104)
```

Split Complementary Color

#70ec68
```
#70ec68 rgb(112,236,104)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#ec6870
```
#ec6870 rgb(236,104,112)
```

Triadic Color

#68ece4
```
#68ece4 rgb(104,236,228)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#ec6870
```
#ec6870 rgb(236,104,112)
```
#ece468
```
#ece468 rgb(236,228,104)
```

Tetradic Color

#2430e3
```
#2430e3 rgb(36,48,227)
```
#3b45e6
```
#3b45e6 rgb(59,69,230)
```
#515be9
```
#515be9 rgb(81,91,233)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#7f85ef
```
#7f85ef rgb(127,133,239)
```
#959bf2
```
#959bf2 rgb(149,155,242)
```
#acb0f5
```
#acb0f5 rgb(172,176,245)
```

Monochromatic Color

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

#6891ec
```
#6891ec rgb(104,145,236)
```
#6886ec
```
#6886ec rgb(104,134,236)
```
#687bec
```
#687bec rgb(104,123,236)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#6b68ec
```
#6b68ec rgb(107,104,236)
```
#7668ec
```
#7668ec rgb(118,104,236)
```
#8168ec
```
#8168ec rgb(129,104,236)
```

Similar Colors

Text with hexadecimal color #6870ec

This text has a font color of #6870ec.

<span style="color:#6870ec;">Text here</span>

#6870ec background color

This paragraph has a background color of #6870ec.

<p style="background-color:#6870ec;">Content here</p>

#6870ec border color

This element has a border color of #6870ec.

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

CSS codes

.text {color:#6870ec;}

.background {background-color:#6870ec;}

.border {border:1px solid #6870ec;}

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

#010106
```
#010106 rgb(1,1,6)
```
#030417
```
#030417 rgb(3,4,23)
```
#050729
```
#050729 rgb(5,7,41)
```
#070a3a
```
#070a3a rgb(7,10,58)
```
#0a0e4c
```
#0a0e4c rgb(10,14,76)
```
#0c115d
```
#0c115d rgb(12,17,93)
```
#0e146e
```
#0e146e rgb(14,20,110)
```
#101780
```
#101780 rgb(16,23,128)
```
#121a91
```
#121a91 rgb(18,26,145)
```
#141da3
```
#141da3 rgb(20,29,163)
```
#1720b4
```
#1720b4 rgb(23,32,180)
```
#1923c5
```
#1923c5 rgb(25,35,197)
```
#1b26d7
```
#1b26d7 rgb(27,38,215)
```

Shade Color Variation

#222ee3
```
#222ee3 rgb(34,46,227)
```
#343fe5
```
#343fe5 rgb(52,63,229)
```
#454fe8
```
#454fe8 rgb(69,79,232)
```
#5760ea
```
#5760ea rgb(87,96,234)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#7981ee
```
#7981ee rgb(121,129,238)
```
#8b91f0
```
#8b91f0 rgb(139,145,240)
```
#9ca2f3
```
#9ca2f3 rgb(156,162,243)
```
#aeb2f5
```
#aeb2f5 rgb(174,178,245)
```
#bfc3f7
```
#bfc3f7 rgb(191,195,247)
```
#d1d3f9
```
#d1d3f9 rgb(209,211,249)
```
#e2e4fb
```
#e2e4fb rgb(226,228,251)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#a9a9ab
```
#a9a9ab rgb(169,169,171)
```
#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9c9eb8
```
#9c9eb8 rgb(156,158,184)
```
#9698be
```
#9698be rgb(150,152,190)
```
#8f92c5
```
#8f92c5 rgb(143,146,197)
```
#898dcb
```
#898dcb rgb(137,141,203)
```
#8287d2
```
#8287d2 rgb(130,135,210)
```
#7c81d8
```
#7c81d8 rgb(124,129,216)
```
#757bdf
```
#757bdf rgb(117,123,223)
```
#6f76e5
```
#6f76e5 rgb(111,118,229)
```
#6870ec
```
#6870ec rgb(104,112,236)
```
#616af3
```
#616af3 rgb(97,106,243)
```
#5b65f9
```
#5b65f9 rgb(91,101,249)
```

Tone Color Variation

Below, you can see how #6870ec 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
#787a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d80f4 Protanopia 1% of men
#0086de Deuteranopia 1% of men
#448e98 Tritanopia 0.001% of the population

Trichromacy

#427af1 Protanomaly 1% of men, 0.01% of women
#257ee3 Deuteranomaly 6% of men, 0.4% of women
#5183b6 Tritanomaly 0.01% of the population

#6870ec hex color

#6870ec Color Information

#6870ec Color Conversion

Color Schemes with #6870ec

Alternatives to #6870ec

#6870ec Preview

Shades and Tints of #6870ec

Tones of #6870ec

Color Blindness Simulator