#707ed9 hex color

In a RGB color space, hex #707ed9 is composed of 43.9% red, 49.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 41.9% magenta, 0% yellow and 14.9% black. It has a hue angle of 232 degrees, a saturation of 58% and a lightness of 64.5%. #707ed9 color hex could be obtained by blending #e0fcff with #0000b3. Closest websafe color is: #6666cc.

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

● #707ed9 color description : Soft blue.

The hexadecimal color #707ed9 has RGB values of R:112, G:126, B:217 and CMYK values of C:0.48, M:0.42, Y:0, K:0.15. Its decimal value is 7372505.

Hex triplet	707ed9	`#707ed9`
RGB Decimal	112, 126, 217	`rgb(112,126,217)`
RGB Percent	43.9, 49.4, 85.1	`rgb(43.9%,49.4%,85.1%)`
CMYK	48, 42, 0, 15
HSL	232°, 58, 64.5	`hsl(232,58%,64.5%)`
HSV (or HSB)	232°, 48.4, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.457, 19.315, -48.378
XYZ	26.665, 23.375, 68.749
xyY	0.224, 0.197, 23.375
CIE-LCH	55.457, 52.091, 291.764
CIE-LUV	55.457, -10.857, -77.729
Hunter-Lab	48.348, 13.837, -50.464
Binary	01110000, 01111110, 11011001

#707ed9
```
#707ed9 rgb(112,126,217)
```
#d9cb70
```
#d9cb70 rgb(217,203,112)
```

Complementary Color

#70b3d9
```
#70b3d9 rgb(112,179,217)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#9770d9
```
#9770d9 rgb(151,112,217)
```

Analogous Color

#b3d970
```
#b3d970 rgb(179,217,112)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#d99770
```
#d99770 rgb(217,151,112)
```

Split Complementary Color

#7ed970
```
#7ed970 rgb(126,217,112)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#d9707e
```
#d9707e rgb(217,112,126)
```

Triadic Color

#70d9cb
```
#70d9cb rgb(112,217,203)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#d9707e
```
#d9707e rgb(217,112,126)
```
#d9cb70
```
#d9cb70 rgb(217,203,112)
```

Tetradic Color

#3549c7
```
#3549c7 rgb(53,73,199)
```
#485ace
```
#485ace rgb(72,90,206)
```
#5c6cd4
```
#5c6cd4 rgb(92,108,212)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#8490de
```
#8490de rgb(132,144,222)
```
#98a2e4
```
#98a2e4 rgb(152,162,228)
```
#acb5e9
```
#acb5e9 rgb(172,181,233)
```

Monochromatic Color

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

#7098d9
```
#7098d9 rgb(112,152,217)
```
#7090d9
```
#7090d9 rgb(112,144,217)
```
#7087d9
```
#7087d9 rgb(112,135,217)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#7075d9
```
#7075d9 rgb(112,117,217)
```
#7470d9
```
#7470d9 rgb(116,112,217)
```
#7c70d9
```
#7c70d9 rgb(124,112,217)
```

Similar Colors

Text with hexadecimal color #707ed9

This text has a font color of #707ed9.

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

#707ed9 background color

This paragraph has a background color of #707ed9.

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

#707ed9 border color

This element has a border color of #707ed9.

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

CSS codes

.text {color:#707ed9;}

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

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

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, #03040c is the darkest color, while #fbfcfe is the lightest one.

#03040c
```
#03040c rgb(3,4,12)
```
#070a1b
```
#070a1b rgb(7,10,27)
```
#0b102b
```
#0b102b rgb(11,16,43)
```
#10153a
```
#10153a rgb(16,21,58)
```
#141b4a
```
#141b4a rgb(20,27,74)
```
#182159
```
#182159 rgb(24,33,89)
```
#1c2669
```
#1c2669 rgb(28,38,105)
```
#202c78
```
#202c78 rgb(32,44,120)
```
#243188
```
#243188 rgb(36,49,136)
```
#283797
```
#283797 rgb(40,55,151)
```
#2c3da7
```
#2c3da7 rgb(44,61,167)
```
#3042b6
```
#3042b6 rgb(48,66,182)
```
#3548c6
```
#3548c6 rgb(53,72,198)
```

Shade Color Variation

#4254cd
```
#4254cd rgb(66,84,205)
```
#5162d1
```
#5162d1 rgb(81,98,209)
```
#6170d5
```
#6170d5 rgb(97,112,213)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#7f8cdd
```
#7f8cdd rgb(127,140,221)
```
#8f9ae1
```
#8f9ae1 rgb(143,154,225)
```
#9ea8e5
```
#9ea8e5 rgb(158,168,229)
```
#aeb6e9
```
#aeb6e9 rgb(174,182,233)
```
#bdc4ee
```
#bdc4ee rgb(189,196,238)
```
#cdd2f2
```
#cdd2f2 rgb(205,210,242)
```
#dce0f6
```
#dce0f6 rgb(220,224,246)
```
#eceefa
```
#eceefa rgb(236,238,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#a1a2a8
```
#a1a2a8 rgb(161,162,168)
```
#9a9daf
```
#9a9daf rgb(154,157,175)
```
#9398b6
```
#9398b6 rgb(147,152,182)
```
#8c92bd
```
#8c92bd rgb(140,146,189)
```
#858dc4
```
#858dc4 rgb(133,141,196)
```
#7e88cb
```
#7e88cb rgb(126,136,203)
```
#7783d2
```
#7783d2 rgb(119,131,210)
```
#707ed9
```
#707ed9 rgb(112,126,217)
```
#6979e0
```
#6979e0 rgb(105,121,224)
```
#6274e7
```
#6274e7 rgb(98,116,231)
```
#5b6fee
```
#5b6fee rgb(91,111,238)
```
#546af5
```
#546af5 rgb(84,106,245)
```
#4d64fc
```
#4d64fc rgb(77,100,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#808395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6488dd Protanopia 1% of men
#578bd8 Deuteranopia 1% of men
#5f939d Tritanopia 0.001% of the population

Trichromacy

#6884dc Protanomaly 1% of men, 0.01% of women
#6086d8 Deuteranomaly 6% of men, 0.4% of women
#658bb3 Tritanomaly 0.01% of the population

#707ed9 hex color

#707ed9 Color Information

#707ed9 Color Conversion

Color Schemes with #707ed9

Alternatives to #707ed9

#707ed9 Preview

Shades and Tints of #707ed9

Tones of #707ed9

Color Blindness Simulator