#70a2fe hex color

In a RGB color space, hex #70a2fe is composed of 43.9% red, 63.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 36.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.9 degrees, a saturation of 98.6% and a lightness of 71.8%. #70a2fe color hex could be obtained by blending #e0ffff with #0045fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 64
- B 100
RGB color chart
- C 56
- M 36
- Y 0
- K 0
CMYK color chart

● #70a2fe color description : Soft blue.

The hexadecimal color #70a2fe has RGB values of R:112, G:162, B:254 and CMYK values of C:0.56, M:0.36, Y:0, K:0. Its decimal value is 7381758.

Hex triplet	70a2fe	`#70a2fe`
RGB Decimal	112, 162, 254	`rgb(112,162,254)`
RGB Percent	43.9, 63.5, 99.6	`rgb(43.9%,63.5%,99.6%)`
CMYK	56, 36, 0, 0
HSL	218.9°, 98.6, 71.8	`hsl(218.9,98.6%,71.8%)`
HSV (or HSB)	218.9°, 55.9, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.854, 9.551, -50.786
XYZ	37.488, 36.439, 98.818
xyY	0.217, 0.211, 36.439
CIE-LCH	66.854, 51.676, 280.65
CIE-LUV	66.854, -23.938, -83.336
Hunter-Lab	60.365, 5.214, -54.804
Binary	01110000, 10100010, 11111110

#70a2fe
```
#70a2fe rgb(112,162,254)
```
#fecc70
```
#fecc70 rgb(254,204,112)
```

Complementary Color

#70e9fe
```
#70e9fe rgb(112,233,254)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#8570fe
```
#8570fe rgb(133,112,254)
```

Analogous Color

#e9fe70
```
#e9fe70 rgb(233,254,112)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#fe8570
```
#fe8570 rgb(254,133,112)
```

Split Complementary Color

#a2fe70
```
#a2fe70 rgb(162,254,112)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#fe70a2
```
#fe70a2 rgb(254,112,162)
```

Triadic Color

#70fecc
```
#70fecc rgb(112,254,204)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#fe70a2
```
#fe70a2 rgb(254,112,162)
```
#fecc70
```
#fecc70 rgb(254,204,112)
```

Tetradic Color

#2471fd
```
#2471fd rgb(36,113,253)
```
#3d81fe
```
#3d81fe rgb(61,129,254)
```
#5792fe
```
#5792fe rgb(87,146,254)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#89b2fe
```
#89b2fe rgb(137,178,254)
```
#a3c3fe
```
#a3c3fe rgb(163,195,254)
```
#bcd3ff
```
#bcd3ff rgb(188,211,255)
```

Monochromatic Color

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

#70c6fe
```
#70c6fe rgb(112,198,254)
```
#70bafe
```
#70bafe rgb(112,186,254)
```
#70aefe
```
#70aefe rgb(112,174,254)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#7096fe
```
#7096fe rgb(112,150,254)
```
#708afe
```
#708afe rgb(112,138,254)
```
#707ffe
```
#707ffe rgb(112,127,254)
```

Similar Colors

Text with hexadecimal color #70a2fe

This text has a font color of #70a2fe.

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

#70a2fe background color

This paragraph has a background color of #70a2fe.

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

#70a2fe border color

This element has a border color of #70a2fe.

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

CSS codes

.text {color:#70a2fe;}

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

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

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, #00050d is the darkest color, while #f8fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#000c20
```
#000c20 rgb(0,12,32)
```
#001234
```
#001234 rgb(0,18,52)
```
#001947
```
#001947 rgb(0,25,71)
```
#01205b
```
#01205b rgb(1,32,91)
```
#01276e
```
#01276e rgb(1,39,110)
```
#012e82
```
#012e82 rgb(1,46,130)
```
#013595
```
#013595 rgb(1,53,149)
```
#013ca9
```
#013ca9 rgb(1,60,169)
```
#0143bc
```
#0143bc rgb(1,67,188)
```
#014ad0
```
#014ad0 rgb(1,74,208)
```
#0251e3
```
#0251e3 rgb(2,81,227)
```
#0258f7
```
#0258f7 rgb(2,88,247)
```

Shade Color Variation

#0f63fd
```
#0f63fd rgb(15,99,253)
```
#226ffd
```
#226ffd rgb(34,111,253)
```
#367cfe
```
#367cfe rgb(54,124,254)
```
#4989fe
```
#4989fe rgb(73,137,254)
```
#5d95fe
```
#5d95fe rgb(93,149,254)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```
#83affe
```
#83affe rgb(131,175,254)
```
#97bbfe
```
#97bbfe rgb(151,187,254)
```
#aac8fe
```
#aac8fe rgb(170,200,254)
```
#bed5ff
```
#bed5ff rgb(190,213,255)
```
#d1e1ff
```
#d1e1ff rgb(209,225,255)
```
#e5eeff
```
#e5eeff rgb(229,238,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#b2b6bc
```
#b2b6bc rgb(178,182,188)
```
#adb4c1
```
#adb4c1 rgb(173,180,193)
```
#a7b2c7
```
#a7b2c7 rgb(167,178,199)
```
#a2b1cc
```
#a2b1cc rgb(162,177,204)
```
#9cafd2
```
#9cafd2 rgb(156,175,210)
```
#97add7
```
#97add7 rgb(151,173,215)
```
#91acdd
```
#91acdd rgb(145,172,221)
```
#8caae2
```
#8caae2 rgb(140,170,226)
```
#86a9e8
```
#86a9e8 rgb(134,169,232)
```
#81a7ed
```
#81a7ed rgb(129,167,237)
```
#7ba5f3
```
#7ba5f3 rgb(123,165,243)
```
#76a4f8
```
#76a4f8 rgb(118,164,248)
```
#70a2fe
```
#70a2fe rgb(112,162,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#959fb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a4fc Protanopia 1% of men
#73a7fd Deuteranopia 1% of men
#58b4c1 Tritanopia 0.001% of the population

Trichromacy

#7ca3fc Protanomaly 1% of men, 0.01% of women
#72a5fd Deuteranomaly 6% of men, 0.4% of women
#60add7 Tritanomaly 0.01% of the population

#70a2fe hex color

#70a2fe Color Information

#70a2fe Color Conversion

Color Schemes with #70a2fe

Alternatives to #70a2fe

#70a2fe Preview

Shades and Tints of #70a2fe

Tones of #70a2fe

Color Blindness Simulator