#70a5fd hex color

In a RGB color space, hex #70a5fd is composed of 43.9% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.4 degrees, a saturation of 97.2% and a lightness of 71.6%. #70a5fd color hex could be obtained by blending #e0ffff with #004bfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 65
- B 99
RGB color chart
- C 56
- M 35
- Y 0
- K 1
CMYK color chart

● #70a5fd color description : Soft blue.

The hexadecimal color #70a5fd has RGB values of R:112, G:165, B:253 and CMYK values of C:0.56, M:0.35, Y:0, K:0.01. Its decimal value is 7382525.

Hex triplet	70a5fd	`#70a5fd`
RGB Decimal	112, 165, 253	`rgb(112,165,253)`
RGB Percent	43.9, 64.7, 99.2	`rgb(43.9%,64.7%,99.2%)`
CMYK	56, 35, 0, 1
HSL	217.4°, 97.2, 71.6	`hsl(217.4,97.2%,71.6%)`
HSV (or HSB)	217.4°, 55.7, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.609, 7.514, -49.049
XYZ	37.863, 37.445, 98.155
xyY	0.218, 0.216, 37.445
CIE-LCH	67.609, 49.621, 278.709
CIE-LUV	67.609, -24.989, -80.312
Hunter-Lab	61.192, 3.361, -52.27
Binary	01110000, 10100101, 11111101

#70a5fd
```
#70a5fd rgb(112,165,253)
```
#fdc870
```
#fdc870 rgb(253,200,112)
```

Complementary Color

#70ecfd
```
#70ecfd rgb(112,236,253)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#8270fd
```
#8270fd rgb(130,112,253)
```

Analogous Color

#ecfd70
```
#ecfd70 rgb(236,253,112)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#fd8270
```
#fd8270 rgb(253,130,112)
```

Split Complementary Color

#a5fd70
```
#a5fd70 rgb(165,253,112)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#fd70a5
```
#fd70a5 rgb(253,112,165)
```

Triadic Color

#70fdc8
```
#70fdc8 rgb(112,253,200)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#fd70a5
```
#fd70a5 rgb(253,112,165)
```
#fdc870
```
#fdc870 rgb(253,200,112)
```

Tetradic Color

#2576fc
```
#2576fc rgb(37,118,252)
```
#3e85fc
```
#3e85fc rgb(62,133,252)
```
#5795fd
```
#5795fd rgb(87,149,253)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#89b5fd
```
#89b5fd rgb(137,181,253)
```
#a2c5fe
```
#a2c5fe rgb(162,197,254)
```
#bbd4fe
```
#bbd4fe rgb(187,212,254)
```

Monochromatic Color

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

#70c8fd
```
#70c8fd rgb(112,200,253)
```
#70bdfd
```
#70bdfd rgb(112,189,253)
```
#70b1fd
```
#70b1fd rgb(112,177,253)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#7099fd
```
#7099fd rgb(112,153,253)
```
#708efd
```
#708efd rgb(112,142,253)
```
#7082fd
```
#7082fd rgb(112,130,253)
```

Similar Colors

Text with hexadecimal color #70a5fd

This text has a font color of #70a5fd.

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

#70a5fd background color

This paragraph has a background color of #70a5fd.

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

#70a5fd border color

This element has a border color of #70a5fd.

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

CSS codes

.text {color:#70a5fd;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#000c1f
```
#000c1f rgb(0,12,31)
```
#011332
```
#011332 rgb(1,19,50)
```
#011b46
```
#011b46 rgb(1,27,70)
```
#012259
```
#012259 rgb(1,34,89)
```
#022a6c
```
#022a6c rgb(2,42,108)
```
#023180
```
#023180 rgb(2,49,128)
```
#023993
```
#023993 rgb(2,57,147)
```
#0240a7
```
#0240a7 rgb(2,64,167)
```
#0347ba
```
#0347ba rgb(3,71,186)
```
#034fcd
```
#034fcd rgb(3,79,205)
```
#0356e1
```
#0356e1 rgb(3,86,225)
```
#035ef4
```
#035ef4 rgb(3,94,244)
```

Shade Color Variation

#0f68fc
```
#0f68fc rgb(15,104,252)
```
#2374fc
```
#2374fc rgb(35,116,252)
```
#3680fc
```
#3680fc rgb(54,128,252)
```
#498dfc
```
#498dfc rgb(73,141,252)
```
#5d99fd
```
#5d99fd rgb(93,153,253)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#83b1fd
```
#83b1fd rgb(131,177,253)
```
#97bdfe
```
#97bdfe rgb(151,189,254)
```
#aacafe
```
#aacafe rgb(170,202,254)
```
#bdd6fe
```
#bdd6fe rgb(189,214,254)
```
#d1e2fe
```
#d1e2fe rgb(209,226,254)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#b3b6ba
```
#b3b6ba rgb(179,182,186)
```
#adb4c0
```
#adb4c0 rgb(173,180,192)
```
#a8b3c5
```
#a8b3c5 rgb(168,179,197)
```
#a2b1cb
```
#a2b1cb rgb(162,177,203)
```
#9db0d0
```
#9db0d0 rgb(157,176,208)
```
#97afd6
```
#97afd6 rgb(151,175,214)
```
#91addc
```
#91addc rgb(145,173,220)
```
#8cace1
```
#8cace1 rgb(140,172,225)
```
#86abe7
```
#86abe7 rgb(134,171,231)
```
#81a9ec
```
#81a9ec rgb(129,169,236)
```
#7ba8f2
```
#7ba8f2 rgb(123,168,242)
```
#76a6f7
```
#76a6f7 rgb(118,166,247)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#96a0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a6fa Protanopia 1% of men
#79a9fd Deuteranopia 1% of men
#5ab6c3 Tritanopia 0.001% of the population

Trichromacy

#7fa6fb Protanomaly 1% of men, 0.01% of women
#75a7fd Deuteranomaly 6% of men, 0.4% of women
#62afd8 Tritanomaly 0.01% of the population

#70a5fd hex color

#70a5fd Color Information

#70a5fd Color Conversion

Color Schemes with #70a5fd

Alternatives to #70a5fd

#70a5fd Preview

Shades and Tints of #70a5fd

Tones of #70a5fd

Color Blindness Simulator