#70a3e1 hex color

In a RGB color space, hex #70a3e1 is composed of 43.9% red, 63.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 27.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 212.9 degrees, a saturation of 65.3% and a lightness of 66.1%. #70a3e1 color hex could be obtained by blending #e0ffff with #0047c3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 64
- B 88
RGB color chart
- C 50
- M 28
- Y 0
- K 12
CMYK color chart

● #70a3e1 color description : Soft blue.

The hexadecimal color #70a3e1 has RGB values of R:112, G:163, B:225 and CMYK values of C:0.5, M:0.28, Y:0, K:0.12. Its decimal value is 7381985.

Hex triplet	70a3e1	`#70a3e1`
RGB Decimal	112, 163, 225	`rgb(112,163,225)`
RGB Percent	43.9, 63.9, 88.2	`rgb(43.9%,63.9%,88.2%)`
CMYK	50, 28, 0, 12
HSL	212.9°, 65.3, 66.1	`hsl(212.9,65.3%,66.1%)`
HSV (or HSB)	212.9°, 50.2, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.806, 0.107, -36.554
XYZ	33.367, 35.074, 76.242
xyY	0.231, 0.242, 35.074
CIE-LCH	65.806, 36.554, 270.168
CIE-LUV	65.806, -24.387, -58.043
Hunter-Lab	59.223, -3.072, -34.872
Binary	01110000, 10100011, 11100001

#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#e1ae70
```
#e1ae70 rgb(225,174,112)
```

Complementary Color

#70dce1
```
#70dce1 rgb(112,220,225)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#7670e1
```
#7670e1 rgb(118,112,225)
```

Analogous Color

#dce170
```
#dce170 rgb(220,225,112)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#e17670
```
#e17670 rgb(225,118,112)
```

Split Complementary Color

#a3e170
```
#a3e170 rgb(163,225,112)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#e170a3
```
#e170a3 rgb(225,112,163)
```

Triadic Color

#70e1ae
```
#70e1ae rgb(112,225,174)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#e170a3
```
#e170a3 rgb(225,112,163)
```
#e1ae70
```
#e1ae70 rgb(225,174,112)
```

Tetradic Color

#317ad4
```
#317ad4 rgb(49,122,212)
```
#4688d8
```
#4688d8 rgb(70,136,216)
```
#5b95dd
```
#5b95dd rgb(91,149,221)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#85b1e5
```
#85b1e5 rgb(133,177,229)
```
#9abeea
```
#9abeea rgb(154,190,234)
```
#afccee
```
#afccee rgb(175,204,238)
```

Monochromatic Color

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

#70bfe1
```
#70bfe1 rgb(112,191,225)
```
#70b6e1
```
#70b6e1 rgb(112,182,225)
```
#70ace1
```
#70ace1 rgb(112,172,225)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#709ae1
```
#709ae1 rgb(112,154,225)
```
#7090e1
```
#7090e1 rgb(112,144,225)
```
#7087e1
```
#7087e1 rgb(112,135,225)
```

Similar Colors

Text with hexadecimal color #70a3e1

This text has a font color of #70a3e1.

<span style="color:#70a3e1;">Text here</span>

#70a3e1 background color

This paragraph has a background color of #70a3e1.

<p style="background-color:#70a3e1;">Content here</p>

#70a3e1 border color

This element has a border color of #70a3e1.

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

CSS codes

.text {color:#70a3e1;}

.background {background-color:#70a3e1;}

.border {border:1px solid #70a3e1;}

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

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071423
```
#071423 rgb(7,20,35)
```
#0b1d34
```
#0b1d34 rgb(11,29,52)
```
#0e2644
```
#0e2644 rgb(14,38,68)
```
#123054
```
#123054 rgb(18,48,84)
```
#153964
```
#153964 rgb(21,57,100)
```
#184274
```
#184274 rgb(24,66,116)
```
#1c4b85
```
#1c4b85 rgb(28,75,133)
```
#1f5495
```
#1f5495 rgb(31,84,149)
```
#235da5
```
#235da5 rgb(35,93,165)
```
#2667b5
```
#2667b5 rgb(38,103,181)
```
#2970c5
```
#2970c5 rgb(41,112,197)
```

Shade Color Variation

#2f79d3
```
#2f79d3 rgb(47,121,211)
```
#3f84d7
```
#3f84d7 rgb(63,132,215)
```
#508eda
```
#508eda rgb(80,142,218)
```
#6099de
```
#6099de rgb(96,153,222)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#80ade4
```
#80ade4 rgb(128,173,228)
```
#90b8e8
```
#90b8e8 rgb(144,184,232)
```
#a1c2eb
```
#a1c2eb rgb(161,194,235)
```
#b1cdef
```
#b1cdef rgb(177,205,239)
```
#c1d7f2
```
#c1d7f2 rgb(193,215,242)
```
#d1e2f5
```
#d1e2f5 rgb(209,226,245)
```
#e1ecf9
```
#e1ecf9 rgb(225,236,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#a5a8ac
```
#a5a8ac rgb(165,168,172)
```
#9fa8b2
```
#9fa8b2 rgb(159,168,178)
```
#98a7b9
```
#98a7b9 rgb(152,167,185)
```
#91a6c0
```
#91a6c0 rgb(145,166,192)
```
#8ba6c6
```
#8ba6c6 rgb(139,166,198)
```
#84a5cd
```
#84a5cd rgb(132,165,205)
```
#7da4d4
```
#7da4d4 rgb(125,164,212)
```
#77a4da
```
#77a4da rgb(119,164,218)
```
#70a3e1
```
#70a3e1 rgb(112,163,225)
```
#69a2e8
```
#69a2e8 rgb(105,162,232)
```
#63a2ee
```
#63a2ee rgb(99,162,238)
```
#5ca1f5
```
#5ca1f5 rgb(92,161,245)
```
#55a0fc
```
#55a0fc rgb(85,160,252)
```

Tone Color Variation

Below, you can see how #70a3e1 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

#9b9b9b Achromatopsia 0.005% of the population
#929da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2df Protanopia 1% of men
#8aa3e4 Deuteranopia 1% of men
#67afbc Tritanopia 0.001% of the population

Trichromacy

#85a2df Protanomaly 1% of men, 0.01% of women
#81a3e3 Deuteranomaly 6% of men, 0.4% of women
#6aaac9 Tritanomaly 0.01% of the population

#70a3e1 hex color

#70a3e1 Color Information

#70a3e1 Color Conversion

Color Schemes with #70a3e1

Alternatives to #70a3e1

#70a3e1 Preview

Shades and Tints of #70a3e1

Tones of #70a3e1

Color Blindness Simulator