#707ae3 hex color

In a RGB color space, hex #707ae3 is composed of 43.9% red, 47.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 46.3% magenta, 0% yellow and 11% black. It has a hue angle of 234.8 degrees, a saturation of 67.3% and a lightness of 66.5%. #707ae3 color hex could be obtained by blending #e0f4ff with #0000c7. Closest websafe color is: #6666cc.

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

● #707ae3 color description : Soft blue.

The hexadecimal color #707ae3 has RGB values of R:112, G:122, B:227 and CMYK values of C:0.51, M:0.46, Y:0, K:0.11. Its decimal value is 7371491.

Hex triplet	707ae3	`#707ae3`
RGB Decimal	112, 122, 227	`rgb(112,122,227)`
RGB Percent	43.9, 47.8, 89	`rgb(43.9%,47.8%,89%)`
CMYK	51, 46, 0, 11
HSL	234.8°, 67.3, 66.5	`hsl(234.8,67.3%,66.5%)`
HSV (or HSB)	234.8°, 50.7, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.978, 24.775, -54.755
XYZ	27.504, 22.909, 75.641
xyY	0.218, 0.182, 22.909
CIE-LCH	54.978, 60.1, 294.345
CIE-LUV	54.978, -9.924, -88.332
Hunter-Lab	47.863, 18.812, -60.196
Binary	01110000, 01111010, 11100011

#707ae3
```
#707ae3 rgb(112,122,227)
```
#e3d970
```
#e3d970 rgb(227,217,112)
```

Complementary Color

#70b4e3
```
#70b4e3 rgb(112,180,227)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#a070e3
```
#a070e3 rgb(160,112,227)
```

Analogous Color

#b4e370
```
#b4e370 rgb(180,227,112)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#e3a070
```
#e3a070 rgb(227,160,112)
```

Split Complementary Color

#7ae370
```
#7ae370 rgb(122,227,112)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#e3707a
```
#e3707a rgb(227,112,122)
```

Triadic Color

#70e3d9
```
#70e3d9 rgb(112,227,217)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#e3707a
```
#e3707a rgb(227,112,122)
```
#e3d970
```
#e3d970 rgb(227,217,112)
```

Tetradic Color

#303fd6
```
#303fd6 rgb(48,63,214)
```
#4552db
```
#4552db rgb(69,82,219)
```
#5b66df
```
#5b66df rgb(91,102,223)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#858ee7
```
#858ee7 rgb(133,142,231)
```
#9ba2eb
```
#9ba2eb rgb(155,162,235)
```
#b0b6f0
```
#b0b6f0 rgb(176,182,240)
```

Monochromatic Color

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

#7097e3
```
#7097e3 rgb(112,151,227)
```
#708de3
```
#708de3 rgb(112,141,227)
```
#7084e3
```
#7084e3 rgb(112,132,227)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#7070e3
```
#7070e3 rgb(112,112,227)
```
#7970e3
```
#7970e3 rgb(121,112,227)
```
#8370e3
```
#8370e3 rgb(131,112,227)
```

Similar Colors

Text with hexadecimal color #707ae3

This text has a font color of #707ae3.

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

#707ae3 background color

This paragraph has a background color of #707ae3.

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

#707ae3 border color

This element has a border color of #707ae3.

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

CSS codes

.text {color:#707ae3;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040615
```
#040615 rgb(4,6,21)
```
#070a25
```
#070a25 rgb(7,10,37)
```
#0b0e36
```
#0b0e36 rgb(11,14,54)
```
#0e1346
```
#0e1346 rgb(14,19,70)
```
#111757
```
#111757 rgb(17,23,87)
```
#141b67
```
#141b67 rgb(20,27,103)
```
#172077
```
#172077 rgb(23,32,119)
```
#1b2488
```
#1b2488 rgb(27,36,136)
```
#1e2898
```
#1e2898 rgb(30,40,152)
```
#212da9
```
#212da9 rgb(33,45,169)
```
#2431b9
```
#2431b9 rgb(36,49,185)
```
#2736c9
```
#2736c9 rgb(39,54,201)
```

Shade Color Variation

#2e3dd6
```
#2e3dd6 rgb(46,61,214)
```
#3f4cd9
```
#3f4cd9 rgb(63,76,217)
```
#4f5bdd
```
#4f5bdd rgb(79,91,221)
```
#606be0
```
#606be0 rgb(96,107,224)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#8089e6
```
#8089e6 rgb(128,137,230)
```
#9199e9
```
#9199e9 rgb(145,153,233)
```
#a1a8ed
```
#a1a8ed rgb(161,168,237)
```
#b2b7f0
```
#b2b7f0 rgb(178,183,240)
```
#c2c6f3
```
#c2c6f3 rgb(194,198,243)
```
#d2d6f6
```
#d2d6f6 rgb(210,214,246)
```
#e3e5f9
```
#e3e5f9 rgb(227,229,249)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#a5a5ae
```
#a5a5ae rgb(165,165,174)
```
#9ea0b5
```
#9ea0b5 rgb(158,160,181)
```
#979bbc
```
#979bbc rgb(151,155,188)
```
#9195c2
```
#9195c2 rgb(145,149,194)
```
#8a90c9
```
#8a90c9 rgb(138,144,201)
```
#848acf
```
#848acf rgb(132,138,207)
```
#7d85d6
```
#7d85d6 rgb(125,133,214)
```
#777fdc
```
#777fdc rgb(119,127,220)
```
#707ae3
```
#707ae3 rgb(112,122,227)
```
#6975ea
```
#6975ea rgb(105,117,234)
```
#636ff0
```
#636ff0 rgb(99,111,240)
```
#5c6af7
```
#5c6af7 rgb(92,106,247)
```
#5664fd
```
#5664fd rgb(86,100,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7f8196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5686e9 Protanopia 1% of men
#418be0 Deuteranopia 1% of men
#59929d Tritanopia 0.001% of the population

Trichromacy

#5f82e7 Protanomaly 1% of men, 0.01% of women
#5285e1 Deuteranomaly 6% of men, 0.4% of women
#6189b6 Tritanomaly 0.01% of the population

#707ae3 hex color

#707ae3 Color Information

#707ae3 Color Conversion

Color Schemes with #707ae3

Alternatives to #707ae3

#707ae3 Preview

Shades and Tints of #707ae3

Tones of #707ae3

Color Blindness Simulator