#6a86ee hex color

In a RGB color space, hex #6a86ee is composed of 41.6% red, 52.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 43.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 227.3 degrees, a saturation of 79.5% and a lightness of 67.5%. #6a86ee color hex could be obtained by blending #d4ffff with #000ddd. Closest websafe color is: #6699ff.

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

● #6a86ee color description : Soft blue.

The hexadecimal color #6a86ee has RGB values of R:106, G:134, B:238 and CMYK values of C:0.55, M:0.44, Y:0, K:0.07. Its decimal value is 6981358.

Hex triplet	6a86ee	`#6a86ee`
RGB Decimal	106, 134, 238	`rgb(106,134,238)`
RGB Percent	41.6, 52.5, 93.3	`rgb(41.6%,52.5%,93.3%)`
CMYK	55, 44, 0, 7
HSL	227.3°, 79.5, 67.5	`hsl(227.3,79.5%,67.5%)`
HSV (or HSB)	227.3°, 55.5, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.308, 19.756, -55.591
XYZ	29.898, 26.286, 84.382
xyY	0.213, 0.187, 26.286
CIE-LCH	58.308, 58.998, 289.565
CIE-LUV	58.308, -16.127, -90.251
Hunter-Lab	51.27, 14.371, -61.693
Binary	01101010, 10000110, 11101110

#6a86ee
```
#6a86ee rgb(106,134,238)
```
#eed26a
```
#eed26a rgb(238,210,106)
```

Complementary Color

#6ac8ee
```
#6ac8ee rgb(106,200,238)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#906aee
```
#906aee rgb(144,106,238)
```

Analogous Color

#c8ee6a
```
#c8ee6a rgb(200,238,106)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#ee906a
```
#ee906a rgb(238,144,106)
```

Split Complementary Color

#86ee6a
```
#86ee6a rgb(134,238,106)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#ee6a86
```
#ee6a86 rgb(238,106,134)
```

Triadic Color

#6aeed2
```
#6aeed2 rgb(106,238,210)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#ee6a86
```
#ee6a86 rgb(238,106,134)
```
#eed26a
```
#eed26a rgb(238,210,106)
```

Tetradic Color

#254ee6
```
#254ee6 rgb(37,78,230)
```
#3c61e9
```
#3c61e9 rgb(60,97,233)
```
#5373eb
```
#5373eb rgb(83,115,235)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#8199f1
```
#8199f1 rgb(129,153,241)
```
#98abf3
```
#98abf3 rgb(152,171,243)
```
#afbef6
```
#afbef6 rgb(175,190,246)
```

Monochromatic Color

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

#6aa7ee
```
#6aa7ee rgb(106,167,238)
```
#6a9cee
```
#6a9cee rgb(106,156,238)
```
#6a91ee
```
#6a91ee rgb(106,145,238)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#6a7bee
```
#6a7bee rgb(106,123,238)
```
#6a70ee
```
#6a70ee rgb(106,112,238)
```
#6f6aee
```
#6f6aee rgb(111,106,238)
```

Similar Colors

Text with hexadecimal color #6a86ee

This text has a font color of #6a86ee.

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

#6a86ee background color

This paragraph has a background color of #6a86ee.

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

#6a86ee border color

This element has a border color of #6a86ee.

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

CSS codes

.text {color:#6a86ee;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#03081b
```
#03081b rgb(3,8,27)
```
#050d2d
```
#050d2d rgb(5,13,45)
```
#07133e
```
#07133e rgb(7,19,62)
```
#091850
```
#091850 rgb(9,24,80)
```
#0b1d61
```
#0b1d61 rgb(11,29,97)
```
#0d2373
```
#0d2373 rgb(13,35,115)
```
#0f2885
```
#0f2885 rgb(15,40,133)
```
#112d96
```
#112d96 rgb(17,45,150)
```
#1333a8
```
#1333a8 rgb(19,51,168)
```
#1538ba
```
#1538ba rgb(21,56,186)
```
#173dcb
```
#173dcb rgb(23,61,203)
```
#1943dd
```
#1943dd rgb(25,67,221)
```

Shade Color Variation

#244de6
```
#244de6 rgb(36,77,230)
```
#355be8
```
#355be8 rgb(53,91,232)
```
#4769ea
```
#4769ea rgb(71,105,234)
```
#5878ec
```
#5878ec rgb(88,120,236)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#7c94f0
```
#7c94f0 rgb(124,148,240)
```
#8da3f2
```
#8da3f2 rgb(141,163,242)
```
#9fb1f4
```
#9fb1f4 rgb(159,177,244)
```
#b0bff6
```
#b0bff6 rgb(176,191,246)
```
#c2cdf8
```
#c2cdf8 rgb(194,205,248)
```
#d4dcfa
```
#d4dcfa rgb(212,220,250)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#aaabae
```
#aaabae rgb(170,171,174)
```
#a3a7b5
```
#a3a7b5 rgb(163,167,181)
```
#9da3bb
```
#9da3bb rgb(157,163,187)
```
#97a0c1
```
#97a0c1 rgb(151,160,193)
```
#909cc8
```
#909cc8 rgb(144,156,200)
```
#8a98ce
```
#8a98ce rgb(138,152,206)
```
#8495d4
```
#8495d4 rgb(132,149,212)
```
#7d91db
```
#7d91db rgb(125,145,219)
```
#778de1
```
#778de1 rgb(119,141,225)
```
#708ae8
```
#708ae8 rgb(112,138,232)
```
#6a86ee
```
#6a86ee rgb(106,134,238)
```
#6482f4
```
#6482f4 rgb(100,130,244)
```
#5d7ffb
```
#5d7ffb rgb(93,127,251)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#83889d Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ef1 Protanopia 1% of men
#4993eb Deuteranopia 1% of men
#4e9da8 Tritanopia 0.001% of the population

Trichromacy

#648bef Protanomaly 1% of men, 0.01% of women
#558eec Deuteranomaly 6% of men, 0.4% of women
#5894c1 Tritanomaly 0.01% of the population

#6a86ee hex color

#6a86ee Color Information

#6a86ee Color Conversion

Color Schemes with #6a86ee

Alternatives to #6a86ee

#6a86ee Preview

Shades and Tints of #6a86ee

Tones of #6a86ee

Color Blindness Simulator