#70bce2 hex color

In a RGB color space, hex #70bce2 is composed of 43.9% red, 73.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 16.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 200 degrees, a saturation of 66.3% and a lightness of 66.3%. #70bce2 color hex could be obtained by blending #e0ffff with #0079c5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 74
- B 89
RGB color chart
- C 50
- M 17
- Y 0
- K 11
CMYK color chart

● #70bce2 color description : Soft blue.

The hexadecimal color #70bce2 has RGB values of R:112, G:188, B:226 and CMYK values of C:0.5, M:0.17, Y:0, K:0.11. Its decimal value is 7388386.

Hex triplet	70bce2	`#70bce2`
RGB Decimal	112, 188, 226	`rgb(112,188,226)`
RGB Percent	43.9, 73.7, 88.6	`rgb(43.9%,73.7%,88.6%)`
CMYK	50, 17, 0, 11
HSL	200°, 66.3, 66.3	`hsl(200,66.3%,66.3%)`
HSV (or HSB)	200°, 50.4, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.826, -13.274, -26.257
XYZ	38.389, 44.9, 78.591
xyY	0.237, 0.277, 44.9
CIE-LCH	72.826, 29.421, 243.181
CIE-LUV	72.826, -33.894, -39.686
Hunter-Lab	67.007, -14.998, -22.634
Binary	01110000, 10111100, 11100010

#70bce2
```
#70bce2 rgb(112,188,226)
```
#e29670
```
#e29670 rgb(226,150,112)
```

Complementary Color

#70e2cf
```
#70e2cf rgb(112,226,207)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#7083e2
```
#7083e2 rgb(112,131,226)
```

Analogous Color

#e2cf70
```
#e2cf70 rgb(226,207,112)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#e27083
```
#e27083 rgb(226,112,131)
```

Split Complementary Color

#bce270
```
#bce270 rgb(188,226,112)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#e270bc
```
#e270bc rgb(226,112,188)
```

Triadic Color

#70e296
```
#70e296 rgb(112,226,150)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#e270bc
```
#e270bc rgb(226,112,188)
```
#e29670
```
#e29670 rgb(226,150,112)
```

Tetradic Color

#309ed5
```
#309ed5 rgb(48,158,213)
```
#46a8d9
```
#46a8d9 rgb(70,168,217)
```
#5bb2de
```
#5bb2de rgb(91,178,222)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#85c6e6
```
#85c6e6 rgb(133,198,230)
```
#9ad0eb
```
#9ad0eb rgb(154,208,235)
```
#b0daef
```
#b0daef rgb(176,218,239)
```

Monochromatic Color

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

#70d9e2
```
#70d9e2 rgb(112,217,226)
```
#70cfe2
```
#70cfe2 rgb(112,207,226)
```
#70c6e2
```
#70c6e2 rgb(112,198,226)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#70b3e2
```
#70b3e2 rgb(112,179,226)
```
#70a9e2
```
#70a9e2 rgb(112,169,226)
```
#70a0e2
```
#70a0e2 rgb(112,160,226)
```

Similar Colors

Text with hexadecimal color #70bce2

This text has a font color of #70bce2.

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

#70bce2 background color

This paragraph has a background color of #70bce2.

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

#70bce2 border color

This element has a border color of #70bce2.

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

CSS codes

.text {color:#70bce2;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#071b24
```
#071b24 rgb(7,27,36)
```
#0b2735
```
#0b2735 rgb(11,39,53)
```
#0e3345
```
#0e3345 rgb(14,51,69)
```
#113f55
```
#113f55 rgb(17,63,85)
```
#154b66
```
#154b66 rgb(21,75,102)
```
#185776
```
#185776 rgb(24,87,118)
```
#1b6386
```
#1b6386 rgb(27,99,134)
```
#1f6f97
```
#1f6f97 rgb(31,111,151)
```
#227ba7
```
#227ba7 rgb(34,123,167)
```
#2586b7
```
#2586b7 rgb(37,134,183)
```
#2892c7
```
#2892c7 rgb(40,146,199)
```

Shade Color Variation

#2f9dd5
```
#2f9dd5 rgb(47,157,213)
```
#3fa5d8
```
#3fa5d8 rgb(63,165,216)
```
#4faddb
```
#4faddb rgb(79,173,219)
```
#60b4df
```
#60b4df rgb(96,180,223)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#80c4e5
```
#80c4e5 rgb(128,196,229)
```
#91cbe9
```
#91cbe9 rgb(145,203,233)
```
#a1d3ec
```
#a1d3ec rgb(161,211,236)
```
#b1dbef
```
#b1dbef rgb(177,219,239)
```
#c2e2f3
```
#c2e2f3 rgb(194,226,243)
```
#d2eaf6
```
#d2eaf6 rgb(210,234,246)
```
#e2f1f9
```
#e2f1f9 rgb(226,241,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#a5aaad
```
#a5aaad rgb(165,170,173)
```
#9eadb4
```
#9eadb4 rgb(158,173,180)
```
#98afba
```
#98afba rgb(152,175,186)
```
#91b1c1
```
#91b1c1 rgb(145,177,193)
```
#8ab3c8
```
#8ab3c8 rgb(138,179,200)
```
#84b5ce
```
#84b5ce rgb(132,181,206)
```
#7db8d5
```
#7db8d5 rgb(125,184,213)
```
#77badb
```
#77badb rgb(119,186,219)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#69bee9
```
#69bee9 rgb(105,190,233)
```
#63c0ef
```
#63c0ef rgb(99,192,239)
```
#5cc3f6
```
#5cc3f6 rgb(92,195,246)
```
#56c5fc
```
#56c5fc rgb(86,197,252)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9eaeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb5dc Protanopia 1% of men
#abb3e7 Deuteranopia 1% of men
#6fc2d1 Tritanopia 0.001% of the population

Trichromacy

#96b7de Protanomaly 1% of men, 0.01% of women
#95b6e5 Deuteranomaly 6% of men, 0.4% of women
#6fc0d7 Tritanomaly 0.01% of the population

#70bce2 hex color

#70bce2 Color Information

#70bce2 Color Conversion

Color Schemes with #70bce2

Alternatives to #70bce2

#70bce2 Preview

Shades and Tints of #70bce2

Tones of #70bce2

Color Blindness Simulator