#70bcdf hex color

In a RGB color space, hex #70bcdf is composed of 43.9% red, 73.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 15.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 198.9 degrees, a saturation of 63.4% and a lightness of 65.7%. #70bcdf color hex could be obtained by blending #e0ffff with #0079bf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 74
- B 87
RGB color chart
- C 50
- M 16
- Y 0
- K 13
CMYK color chart

● #70bcdf color description : Soft blue.

The hexadecimal color #70bcdf has RGB values of R:112, G:188, B:223 and CMYK values of C:0.5, M:0.16, Y:0, K:0.13. Its decimal value is 7388383.

Hex triplet	70bcdf	`#70bcdf`
RGB Decimal	112, 188, 223	`rgb(112,188,223)`
RGB Percent	43.9, 73.7, 87.5	`rgb(43.9%,73.7%,87.5%)`
CMYK	50, 16, 0, 13
HSL	198.9°, 63.4, 65.7	`hsl(198.9,63.4%,65.7%)`
HSV (or HSB)	198.9°, 49.8, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.718, -14.124, -24.792
XYZ	37.981, 44.737, 76.442
xyY	0.239, 0.281, 44.737
CIE-LCH	72.718, 28.533, 240.33
CIE-LUV	72.718, -33.97, -37.11
Hunter-Lab	66.885, -15.687, -20.941
Binary	01110000, 10111100, 11011111

#70bcdf
```
#70bcdf rgb(112,188,223)
```
#df9370
```
#df9370 rgb(223,147,112)
```

Complementary Color

#70dfcb
```
#70dfcb rgb(112,223,203)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#7085df
```
#7085df rgb(112,133,223)
```

Analogous Color

#dfcb70
```
#dfcb70 rgb(223,203,112)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#df7085
```
#df7085 rgb(223,112,133)
```

Split Complementary Color

#bcdf70
```
#bcdf70 rgb(188,223,112)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#df70bc
```
#df70bc rgb(223,112,188)
```

Triadic Color

#70df93
```
#70df93 rgb(112,223,147)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#df70bc
```
#df70bc rgb(223,112,188)
```
#df9370
```
#df9370 rgb(223,147,112)
```

Tetradic Color

#319fd1
```
#319fd1 rgb(49,159,209)
```
#46a8d6
```
#46a8d6 rgb(70,168,214)
```
#5bb2da
```
#5bb2da rgb(91,178,218)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#85c6e4
```
#85c6e4 rgb(133,198,228)
```
#9ad0e8
```
#9ad0e8 rgb(154,208,232)
```
#afd9ed
```
#afd9ed rgb(175,217,237)
```

Monochromatic Color

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

#70d8df
```
#70d8df rgb(112,216,223)
```
#70cfdf
```
#70cfdf rgb(112,207,223)
```
#70c5df
```
#70c5df rgb(112,197,223)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#70b3df
```
#70b3df rgb(112,179,223)
```
#70aadf
```
#70aadf rgb(112,170,223)
```
#70a0df
```
#70a0df rgb(112,160,223)
```

Similar Colors

Text with hexadecimal color #70bcdf

This text has a font color of #70bcdf.

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

#70bcdf background color

This paragraph has a background color of #70bcdf.

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

#70bcdf border color

This element has a border color of #70bcdf.

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

CSS codes

.text {color:#70bcdf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#071921
```
#071921 rgb(7,25,33)
```
#0b2531
```
#0b2531 rgb(11,37,49)
```
#0f3141
```
#0f3141 rgb(15,49,65)
```
#123d51
```
#123d51 rgb(18,61,81)
```
#164a61
```
#164a61 rgb(22,74,97)
```
#195671
```
#195671 rgb(25,86,113)
```
#1d6281
```
#1d6281 rgb(29,98,129)
```
#216e92
```
#216e92 rgb(33,110,146)
```
#247aa2
```
#247aa2 rgb(36,122,162)
```
#2886b2
```
#2886b2 rgb(40,134,178)
```
#2b92c2
```
#2b92c2 rgb(43,146,194)
```

Shade Color Variation

#309ed1
```
#309ed1 rgb(48,158,209)
```
#40a5d4
```
#40a5d4 rgb(64,165,212)
```
#50add8
```
#50add8 rgb(80,173,216)
```
#60b4db
```
#60b4db rgb(96,180,219)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#80c4e3
```
#80c4e3 rgb(128,196,227)
```
#90cbe6
```
#90cbe6 rgb(144,203,230)
```
#a0d3ea
```
#a0d3ea rgb(160,211,234)
```
#b0daed
```
#b0daed rgb(176,218,237)
```
#c0e2f1
```
#c0e2f1 rgb(192,226,241)
```
#d0e9f5
```
#d0e9f5 rgb(208,233,245)
```
#e0f1f8
```
#e0f1f8 rgb(224,241,248)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

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

#a6a8a9
```
#a6a8a9 rgb(166,168,169)
```
#9fabb0
```
#9fabb0 rgb(159,171,176)
```
#98adb7
```
#98adb7 rgb(152,173,183)
```
#92b0bd
```
#92b0bd rgb(146,176,189)
```
#8bb2c4
```
#8bb2c4 rgb(139,178,196)
```
#84b5cb
```
#84b5cb rgb(132,181,203)
```
#7db7d2
```
#7db7d2 rgb(125,183,210)
```
#77bad8
```
#77bad8 rgb(119,186,216)
```
#70bcdf
```
#70bcdf rgb(112,188,223)
```
#69bee6
```
#69bee6 rgb(105,190,230)
```
#63c1ec
```
#63c1ec rgb(99,193,236)
```
#5cc3f3
```
#5cc3f3 rgb(92,195,243)
```
#55c6fa
```
#55c6fa rgb(85,198,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9eadb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb4d9 Protanopia 1% of men
#adb3e5 Deuteranopia 1% of men
#70c2d0 Tritanopia 0.001% of the population

Trichromacy

#97b7db Protanomaly 1% of men, 0.01% of women
#96b6e2 Deuteranomaly 6% of men, 0.4% of women
#70c0d5 Tritanomaly 0.01% of the population

#70bcdf hex color

#70bcdf Color Information

#70bcdf Color Conversion

Color Schemes with #70bcdf

Alternatives to #70bcdf

#70bcdf Preview

Shades and Tints of #70bcdf

Tones of #70bcdf

Color Blindness Simulator