#706ed9 hex color

In a RGB color space, hex #706ed9 is composed of 43.9% red, 43.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 49.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 241.1 degrees, a saturation of 58.5% and a lightness of 64.1%. #706ed9 color hex could be obtained by blending #e0dcff with #0000b3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 44
- G 43
- B 85
RGB color chart
- C 48
- M 49
- Y 0
- K 15
CMYK color chart

● #706ed9 color description : Soft blue.

The hexadecimal color #706ed9 has RGB values of R:112, G:110, B:217 and CMYK values of C:0.48, M:0.49, Y:0, K:0.15. Its decimal value is 7368409.

Hex triplet	706ed9	`#706ed9`
RGB Decimal	112, 110, 217	`rgb(112,110,217)`
RGB Percent	43.9, 43.1, 85.1	`rgb(43.9%,43.1%,85.1%)`
CMYK	48, 49, 0, 15
HSL	241.1°, 58.5, 64.1	`hsl(241.1,58.5%,64.1%)`
HSV (or HSB)	241.1°, 49.3, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.388, 28.95, -54.868
XYZ	24.78, 19.606, 68.12
xyY	0.22, 0.174, 19.606
CIE-LCH	51.388, 62.037, 297.817
CIE-LUV	51.388, -5.611, -87.581
Hunter-Lab	44.278, 22.409, -60.221
Binary	01110000, 01101110, 11011001

#706ed9
```
#706ed9 rgb(112,110,217)
```
#d7d96e
```
#d7d96e rgb(215,217,110)
```

Complementary Color

#6ea2d9
```
#6ea2d9 rgb(110,162,217)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#a66ed9
```
#a66ed9 rgb(166,110,217)
```

Analogous Color

#a2d96e
```
#a2d96e rgb(162,217,110)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#d9a66e
```
#d9a66e rgb(217,166,110)
```

Split Complementary Color

#6ed970
```
#6ed970 rgb(110,217,112)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#d9706e
```
#d9706e rgb(217,112,110)
```

Triadic Color

#6ed7d9
```
#6ed7d9 rgb(110,215,217)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#d9706e
```
#d9706e rgb(217,112,110)
```
#d7d96e
```
#d7d96e rgb(215,217,110)
```

Tetradic Color

#3734c6
```
#3734c6 rgb(55,52,198)
```
#4846ce
```
#4846ce rgb(72,70,206)
```
#5c5ad4
```
#5c5ad4 rgb(92,90,212)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#8482de
```
#8482de rgb(132,130,222)
```
#9896e4
```
#9896e4 rgb(152,150,228)
```
#acabe9
```
#acabe9 rgb(172,171,233)
```

Monochromatic Color

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

#6e87d9
```
#6e87d9 rgb(110,135,217)
```
#6e7ed9
```
#6e7ed9 rgb(110,126,217)
```
#6e75d9
```
#6e75d9 rgb(110,117,217)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#796ed9
```
#796ed9 rgb(121,110,217)
```
#826ed9
```
#826ed9 rgb(130,110,217)
```
#8b6ed9
```
#8b6ed9 rgb(139,110,217)
```

Similar Colors

Text with hexadecimal color #706ed9

This text has a font color of #706ed9.

<span style="color:#706ed9;">Text here</span>

#706ed9 background color

This paragraph has a background color of #706ed9.

<p style="background-color:#706ed9;">Content here</p>

#706ed9 border color

This element has a border color of #706ed9.

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

CSS codes

.text {color:#706ed9;}

.background {background-color:#706ed9;}

.border {border:1px solid #706ed9;}

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, #03030a is the darkest color, while #fafafe is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#07071a
```
#07071a rgb(7,7,26)
```
#0b0b2a
```
#0b0b2a rgb(11,11,42)
```
#100f39
```
#100f39 rgb(16,15,57)
```
#141349
```
#141349 rgb(20,19,73)
```
#181758
```
#181758 rgb(24,23,88)
```
#1d1b68
```
#1d1b68 rgb(29,27,104)
```
#211f77
```
#211f77 rgb(33,31,119)
```
#252387
```
#252387 rgb(37,35,135)
```
#292796
```
#292796 rgb(41,39,150)
```
#2e2ba6
```
#2e2ba6 rgb(46,43,166)
```
#3230b5
```
#3230b5 rgb(50,48,181)
```
#3634c5
```
#3634c5 rgb(54,52,197)
```

Shade Color Variation

#423fcd
```
#423fcd rgb(66,63,205)
```
#514fd1
```
#514fd1 rgb(81,79,209)
```
#615ed5
```
#615ed5 rgb(97,94,213)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#7f7edd
```
#7f7edd rgb(127,126,221)
```
#8f8de1
```
#8f8de1 rgb(143,141,225)
```
#9e9de5
```
#9e9de5 rgb(158,157,229)
```
#adace9
```
#adace9 rgb(173,172,233)
```
#bdbced
```
#bdbced rgb(189,188,237)
```
#cccbf1
```
#cccbf1 rgb(204,203,241)
```
#dbdbf6
```
#dbdbf6 rgb(219,219,246)
```
#ebeafa
```
#ebeafa rgb(235,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9fa8 is the less saturated color, while #4e4bfc is the most saturated one.

#9f9fa8
```
#9f9fa8 rgb(159,159,168)
```
#9998af
```
#9998af rgb(153,152,175)
```
#9291b6
```
#9291b6 rgb(146,145,182)
```
#8b8abd
```
#8b8abd rgb(139,138,189)
```
#8483c4
```
#8483c4 rgb(132,131,196)
```
#7e7ccb
```
#7e7ccb rgb(126,124,203)
```
#7775d2
```
#7775d2 rgb(119,117,210)
```
#706ed9
```
#706ed9 rgb(112,110,217)
```
#6967e0
```
#6967e0 rgb(105,103,224)
```
#6260e7
```
#6260e7 rgb(98,96,231)
```
#5c59ee
```
#5c59ee rgb(92,89,238)
```
#5552f5
```
#5552f5 rgb(85,82,245)
```
#4e4bfc
```
#4e4bfc rgb(78,75,252)
```

Tone Color Variation

Below, you can see how #706ed9 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

#7b7b7b Achromatopsia 0.005% of the population
#79788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#477ee2 Protanopia 1% of men
#3382d5 Deuteranopia 1% of men
#5b8892 Tritanopia 0.001% of the population

Trichromacy

#5678de Protanomaly 1% of men, 0.01% of women
#497bd6 Deuteranomaly 6% of men, 0.4% of women
#637eab Tritanomaly 0.01% of the population

#706ed9 hex color

#706ed9 Color Information

#706ed9 Color Conversion

Color Schemes with #706ed9

Alternatives to #706ed9

#706ed9 Preview

Shades and Tints of #706ed9

Tones of #706ed9

Color Blindness Simulator