#70bafc hex color

In a RGB color space, hex #70bafc is composed of 43.9% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.3 degrees, a saturation of 95.9% and a lightness of 71.4%. #70bafc color hex could be obtained by blending #e0ffff with #0075f9. Closest websafe color is: #66ccff.

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

● #70bafc color description : Soft blue.

The hexadecimal color #70bafc has RGB values of R:112, G:186, B:252 and CMYK values of C:0.56, M:0.26, Y:0, K:0.01. Its decimal value is 7387900.

Hex triplet	70bafc	`#70bafc`
RGB Decimal	112, 186, 252	`rgb(112,186,252)`
RGB Percent	43.9, 72.9, 98.8	`rgb(43.9%,72.9%,98.8%)`
CMYK	56, 26, 0, 1
HSL	208.3°, 95.9, 71.4	`hsl(208.3,95.9%,71.4%)`
HSV (or HSB)	208.3°, 55.6, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.278, -4.562, -39.624
XYZ	41.808, 45.588, 98.686
xyY	0.225, 0.245, 45.588
CIE-LCH	73.278, 39.886, 263.433
CIE-LUV	73.278, -32.541, -63.589
Hunter-Lab	67.519, -7.632, -39.395
Binary	01110000, 10111010, 11111100

#70bafc
```
#70bafc rgb(112,186,252)
```
#fcb270
```
#fcb270 rgb(252,178,112)
```

Complementary Color

#70fcf8
```
#70fcf8 rgb(112,252,248)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#7074fc
```
#7074fc rgb(112,116,252)
```

Analogous Color

#fcf870
```
#fcf870 rgb(252,248,112)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#fc7074
```
#fc7074 rgb(252,112,116)
```

Split Complementary Color

#bafc70
```
#bafc70 rgb(186,252,112)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#fc70ba
```
#fc70ba rgb(252,112,186)
```

Triadic Color

#70fcb2
```
#70fcb2 rgb(112,252,178)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#fc70ba
```
#fc70ba rgb(252,112,186)
```
#fcb270
```
#fcb270 rgb(252,178,112)
```

Tetradic Color

#2596fa
```
#2596fa rgb(37,150,250)
```
#3ea2fb
```
#3ea2fb rgb(62,162,251)
```
#57aefb
```
#57aefb rgb(87,174,251)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#89c6fd
```
#89c6fd rgb(137,198,253)
```
#a2d2fd
```
#a2d2fd rgb(162,210,253)
```
#bbdefe
```
#bbdefe rgb(187,222,254)
```

Monochromatic Color

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

#70ddfc
```
#70ddfc rgb(112,221,252)
```
#70d1fc
```
#70d1fc rgb(112,209,252)
```
#70c6fc
```
#70c6fc rgb(112,198,252)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#70aefc
```
#70aefc rgb(112,174,252)
```
#70a3fc
```
#70a3fc rgb(112,163,252)
```
#7097fc
```
#7097fc rgb(112,151,252)
```

Similar Colors

Text with hexadecimal color #70bafc

This text has a font color of #70bafc.

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

#70bafc background color

This paragraph has a background color of #70bafc.

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

#70bafc border color

This element has a border color of #70bafc.

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

CSS codes

.text {color:#70bafc;}

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

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

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, #00060b is the darkest color, while #f6fbff is the lightest one.

#00060b
```
#00060b rgb(0,6,11)
```
#01101e
```
#01101e rgb(1,16,30)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#012544
```
#012544 rgb(1,37,68)
```
#022f58
```
#022f58 rgb(2,47,88)
```
#02396b
```
#02396b rgb(2,57,107)
```
#03447e
```
#03447e rgb(3,68,126)
```
#034e91
```
#034e91 rgb(3,78,145)
```
#0359a4
```
#0359a4 rgb(3,89,164)
```
#0463b8
```
#0463b8 rgb(4,99,184)
```
#046dcb
```
#046dcb rgb(4,109,203)
```
#0578de
```
#0578de rgb(5,120,222)
```
#0582f1
```
#0582f1 rgb(5,130,241)
```

Shade Color Variation

#108cfa
```
#108cfa rgb(16,140,250)
```
#2395fa
```
#2395fa rgb(35,149,250)
```
#369efb
```
#369efb rgb(54,158,251)
```
#4aa7fb
```
#4aa7fb rgb(74,167,251)
```
#5db1fc
```
#5db1fc rgb(93,177,252)
```
#70bafc
```
#70bafc rgb(112,186,252)
```
#83c3fc
```
#83c3fc rgb(131,195,252)
```
#96cdfd
```
#96cdfd rgb(150,205,253)
```
#aad6fd
```
#aad6fd rgb(170,214,253)
```
#bddffe
```
#bddffe rgb(189,223,254)
```
#d0e8fe
```
#d0e8fe rgb(208,232,254)
```
#e3f2fe
```
#e3f2fe rgb(227,242,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#b3b6b9
```
#b3b6b9 rgb(179,182,185)
```
#aeb6be
```
#aeb6be rgb(174,182,190)
```
#a8b7c4
```
#a8b7c4 rgb(168,183,196)
```
#a3b7c9
```
#a3b7c9 rgb(163,183,201)
```
#9db7cf
```
#9db7cf rgb(157,183,207)
```
#97b8d5
```
#97b8d5 rgb(151,184,213)
```
#92b8da
```
#92b8da rgb(146,184,218)
```
#8cb8e0
```
#8cb8e0 rgb(140,184,224)
```
#86b9e6
```
#86b9e6 rgb(134,185,230)
```
#81b9eb
```
#81b9eb rgb(129,185,235)
```
#7bb9f1
```
#7bb9f1 rgb(123,185,241)
```
#76baf6
```
#76baf6 rgb(118,186,246)
```
#70bafc
```
#70bafc rgb(112,186,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9faebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f6 Protanopia 1% of men
#9ab6fe Deuteranopia 1% of men
#63c5d3 Tritanopia 0.001% of the population

Trichromacy

#90b7f8 Protanomaly 1% of men, 0.01% of women
#8ab7fd Deuteranomaly 6% of men, 0.4% of women
#67c1e2 Tritanomaly 0.01% of the population

#70bafc hex color

#70bafc Color Information

#70bafc Color Conversion

Color Schemes with #70bafc

Alternatives to #70bafc

#70bafc Preview

Shades and Tints of #70bafc

Tones of #70bafc

Color Blindness Simulator