#70bcd2 hex color

In a RGB color space, hex #70bcd2 is composed of 43.9% red, 73.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 10.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 193.5 degrees, a saturation of 52.1% and a lightness of 63.1%. #70bcd2 color hex could be obtained by blending #e0ffff with #0079a5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 74
- B 82
RGB color chart
- C 47
- M 10
- Y 0
- K 18
CMYK color chart

● #70bcd2 color description : Slightly desaturated cyan.

The hexadecimal color #70bcd2 has RGB values of R:112, G:188, B:210 and CMYK values of C:0.47, M:0.1, Y:0, K:0.18. Its decimal value is 7388370.

Hex triplet	70bcd2	`#70bcd2`
RGB Decimal	112, 188, 210	`rgb(112,188,210)`
RGB Percent	43.9, 73.7, 82.4	`rgb(43.9%,73.7%,82.4%)`
CMYK	47, 10, 0, 18
HSL	193.5°, 52.1, 63.1	`hsl(193.5,52.1%,63.1%)`
HSV (or HSB)	193.5°, 46.7, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.27, -17.725, -18.396
XYZ	36.295, 44.062, 67.561
xyY	0.245, 0.298, 44.062
CIE-LCH	72.27, 25.546, 226.065
CIE-LUV	72.27, -34.304, -25.998
Hunter-Lab	66.379, -18.563, -13.88
Binary	01110000, 10111100, 11010010

#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#d28670
```
#d28670 rgb(210,134,112)
```

Complementary Color

#70d2b7
```
#70d2b7 rgb(112,210,183)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#708bd2
```
#708bd2 rgb(112,139,210)
```

Analogous Color

#d2b770
```
#d2b770 rgb(210,183,112)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#d2708b
```
#d2708b rgb(210,112,139)
```

Split Complementary Color

#bcd270
```
#bcd270 rgb(188,210,112)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#d270bc
```
#d270bc rgb(210,112,188)
```

Triadic Color

#70d286
```
#70d286 rgb(112,210,134)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#d270bc
```
#d270bc rgb(210,112,188)
```
#d28670
```
#d28670 rgb(210,134,112)
```

Tetradic Color

#3b9ebb
```
#3b9ebb rgb(59,158,187)
```
#49aac6
```
#49aac6 rgb(73,170,198)
```
#5db3cc
```
#5db3cc rgb(93,179,204)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#83c5d8
```
#83c5d8 rgb(131,197,216)
```
#97cede
```
#97cede rgb(151,206,222)
```
#aad7e4
```
#aad7e4 rgb(170,215,228)
```

Monochromatic Color

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

#70d2d0
```
#70d2d0 rgb(112,210,208)
```
#70ccd2
```
#70ccd2 rgb(112,204,210)
```
#70c4d2
```
#70c4d2 rgb(112,196,210)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#70b4d2
```
#70b4d2 rgb(112,180,210)
```
#70acd2
```
#70acd2 rgb(112,172,210)
```
#70a4d2
```
#70a4d2 rgb(112,164,210)
```

Similar Colors

Text with hexadecimal color #70bcd2

This text has a font color of #70bcd2.

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

#70bcd2 background color

This paragraph has a background color of #70bcd2.

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

#70bcd2 border color

This element has a border color of #70bcd2.

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

CSS codes

.text {color:#70bcd2;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#071215
```
#071215 rgb(7,18,21)
```
#0b1e24
```
#0b1e24 rgb(11,30,36)
```
#102b33
```
#102b33 rgb(16,43,51)
```
#153842
```
#153842 rgb(21,56,66)
```
#194451
```
#194451 rgb(25,68,81)
```
#1e5160
```
#1e5160 rgb(30,81,96)
```
#235e6f
```
#235e6f rgb(35,94,111)
```
#286a7e
```
#286a7e rgb(40,106,126)
```
#2c778c
```
#2c778c rgb(44,119,140)
```
#31839b
```
#31839b rgb(49,131,155)
```
#3690aa
```
#3690aa rgb(54,144,170)
```
#3a9db9
```
#3a9db9 rgb(58,157,185)
```

Shade Color Variation

#43a7c4
```
#43a7c4 rgb(67,167,196)
```
#52aec9
```
#52aec9 rgb(82,174,201)
```
#61b5cd
```
#61b5cd rgb(97,181,205)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#7fc3d7
```
#7fc3d7 rgb(127,195,215)
```
#8ecadb
```
#8ecadb rgb(142,202,219)
```
#9dd1e0
```
#9dd1e0 rgb(157,209,224)
```
#acd8e5
```
#acd8e5 rgb(172,216,229)
```
#bbdfe9
```
#bbdfe9 rgb(187,223,233)
```
#cae6ee
```
#cae6ee rgb(202,230,238)
```
#d8edf3
```
#d8edf3 rgb(216,237,243)
```
#e7f4f8
```
#e7f4f8 rgb(231,244,248)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba4a7 is the less saturated color, while #45d4fd is the most saturated one.

#9ba4a7
```
#9ba4a7 rgb(155,164,167)
```
#94a8ae
```
#94a8ae rgb(148,168,174)
```
#8dacb5
```
#8dacb5 rgb(141,172,181)
```
#86b0bc
```
#86b0bc rgb(134,176,188)
```
#7eb4c4
```
#7eb4c4 rgb(126,180,196)
```
#77b8cb
```
#77b8cb rgb(119,184,203)
```
#70bcd2
```
#70bcd2 rgb(112,188,210)
```
#69c0d9
```
#69c0d9 rgb(105,192,217)
```
#62c4e0
```
#62c4e0 rgb(98,196,224)
```
#5ac8e8
```
#5ac8e8 rgb(90,200,232)
```
#53ccef
```
#53ccef rgb(83,204,239)
```
#4cd0f6
```
#4cd0f6 rgb(76,208,246)
```
#45d4fd
```
#45d4fd rgb(69,212,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9dacb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b3cd Protanopia 1% of men
#b2b1d9 Deuteranopia 1% of men
#75c0ce Tritanopia 0.001% of the population

Trichromacy

#99b6cf Protanomaly 1% of men, 0.01% of women
#9ab5d6 Deuteranomaly 6% of men, 0.4% of women
#73becf Tritanomaly 0.01% of the population

#70bcd2 hex color

#70bcd2 Color Information

#70bcd2 Color Conversion

Color Schemes with #70bcd2

Alternatives to #70bcd2

#70bcd2 Preview

Shades and Tints of #70bcd2

Tones of #70bcd2

Color Blindness Simulator