#70bde3 hex color

In a RGB color space, hex #70bde3 is composed of 43.9% red, 74.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 16.7% magenta, 0% yellow and 11% black. It has a hue angle of 199.8 degrees, a saturation of 67.3% and a lightness of 66.5%. #70bde3 color hex could be obtained by blending #e0ffff with #007bc7. Closest websafe color is: #66cccc.

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

● #70bde3 color description : Soft blue.

The hexadecimal color #70bde3 has RGB values of R:112, G:189, B:227 and CMYK values of C:0.51, M:0.17, Y:0, K:0.11. Its decimal value is 7388643.

Hex triplet	70bde3	`#70bde3`
RGB Decimal	112, 189, 227	`rgb(112,189,227)`
RGB Percent	43.9, 74.1, 89	`rgb(43.9%,74.1%,89%)`
CMYK	51, 17, 0, 11
HSL	199.8°, 67.3, 66.5	`hsl(199.8,67.3%,66.5%)`
HSV (or HSB)	199.8°, 50.7, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.144, -13.518, -26.312
XYZ	38.741, 45.384, 79.387
xyY	0.237, 0.278, 45.384
CIE-LCH	73.144, 29.582, 242.808
CIE-LUV	73.144, -34.253, -39.769
Hunter-Lab	67.367, -15.242, -22.711
Binary	01110000, 10111101, 11100011

#70bde3
```
#70bde3 rgb(112,189,227)
```
#e39670
```
#e39670 rgb(227,150,112)
```

Complementary Color

#70e3d0
```
#70e3d0 rgb(112,227,208)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#7084e3
```
#7084e3 rgb(112,132,227)
```

Analogous Color

#e3d070
```
#e3d070 rgb(227,208,112)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#e37084
```
#e37084 rgb(227,112,132)
```

Split Complementary Color

#bde370
```
#bde370 rgb(189,227,112)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#e370bd
```
#e370bd rgb(227,112,189)
```

Triadic Color

#70e396
```
#70e396 rgb(112,227,150)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#e370bd
```
#e370bd rgb(227,112,189)
```
#e39670
```
#e39670 rgb(227,150,112)
```

Tetradic Color

#309fd6
```
#309fd6 rgb(48,159,214)
```
#45a9db
```
#45a9db rgb(69,169,219)
```
#5bb3df
```
#5bb3df rgb(91,179,223)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#85c7e7
```
#85c7e7 rgb(133,199,231)
```
#9bd1eb
```
#9bd1eb rgb(155,209,235)
```
#b0dbf0
```
#b0dbf0 rgb(176,219,240)
```

Monochromatic Color

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

#70dae3
```
#70dae3 rgb(112,218,227)
```
#70d0e3
```
#70d0e3 rgb(112,208,227)
```
#70c7e3
```
#70c7e3 rgb(112,199,227)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#70b3e3
```
#70b3e3 rgb(112,179,227)
```
#70aae3
```
#70aae3 rgb(112,170,227)
```
#70a0e3
```
#70a0e3 rgb(112,160,227)
```

Similar Colors

Text with hexadecimal color #70bde3

This text has a font color of #70bde3.

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

#70bde3 background color

This paragraph has a background color of #70bde3.

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

#70bde3 border color

This element has a border color of #70bde3.

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

CSS codes

.text {color:#70bde3;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040f15
```
#040f15 rgb(4,15,21)
```
#071b25
```
#071b25 rgb(7,27,37)
```
#0b2836
```
#0b2836 rgb(11,40,54)
```
#0e3446
```
#0e3446 rgb(14,52,70)
```
#114057
```
#114057 rgb(17,64,87)
```
#144c67
```
#144c67 rgb(20,76,103)
```
#175877
```
#175877 rgb(23,88,119)
```
#1b6488
```
#1b6488 rgb(27,100,136)
```
#1e7098
```
#1e7098 rgb(30,112,152)
```
#217ca9
```
#217ca9 rgb(33,124,169)
```
#2488b9
```
#2488b9 rgb(36,136,185)
```
#2794c9
```
#2794c9 rgb(39,148,201)
```

Shade Color Variation

#2e9fd6
```
#2e9fd6 rgb(46,159,214)
```
#3fa6d9
```
#3fa6d9 rgb(63,166,217)
```
#4faedd
```
#4faedd rgb(79,174,221)
```
#60b5e0
```
#60b5e0 rgb(96,181,224)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#80c5e6
```
#80c5e6 rgb(128,197,230)
```
#91cce9
```
#91cce9 rgb(145,204,233)
```
#a1d4ed
```
#a1d4ed rgb(161,212,237)
```
#b2dbf0
```
#b2dbf0 rgb(178,219,240)
```
#c2e3f3
```
#c2e3f3 rgb(194,227,243)
```
#d2eaf6
```
#d2eaf6 rgb(210,234,246)
```
#e3f2f9
```
#e3f2f9 rgb(227,242,249)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#a5abae
```
#a5abae rgb(165,171,174)
```
#9eadb5
```
#9eadb5 rgb(158,173,181)
```
#97b0bc
```
#97b0bc rgb(151,176,188)
```
#91b2c2
```
#91b2c2 rgb(145,178,194)
```
#8ab4c9
```
#8ab4c9 rgb(138,180,201)
```
#84b6cf
```
#84b6cf rgb(132,182,207)
```
#7db9d6
```
#7db9d6 rgb(125,185,214)
```
#77bbdc
```
#77bbdc rgb(119,187,220)
```
#70bde3
```
#70bde3 rgb(112,189,227)
```
#69bfea
```
#69bfea rgb(105,191,234)
```
#63c1f0
```
#63c1f0 rgb(99,193,240)
```
#5cc4f7
```
#5cc4f7 rgb(92,196,247)
```
#56c6fd
```
#56c6fd rgb(86,198,253)
```

Tone Color Variation

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

#adb5dd Protanopia 1% of men
#acb4e8 Deuteranopia 1% of men
#6fc3d2 Tritanopia 0.001% of the population

Trichromacy

#97b8df Protanomaly 1% of men, 0.01% of women
#96b7e6 Deuteranomaly 6% of men, 0.4% of women
#6fc1d8 Tritanomaly 0.01% of the population

#70bde3 hex color

#70bde3 Color Information

#70bde3 Color Conversion

Color Schemes with #70bde3

Alternatives to #70bde3

#70bde3 Preview

Shades and Tints of #70bde3

Tones of #70bde3

Color Blindness Simulator