#70bdd3 hex color

In a RGB color space, hex #70bdd3 is composed of 43.9% red, 74.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 10.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 193.3 degrees, a saturation of 52.9% and a lightness of 63.3%. #70bdd3 color hex could be obtained by blending #e0ffff with #007ba7. Closest websafe color is: #66cccc.

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

● #70bdd3 color description : Slightly desaturated cyan.

The hexadecimal color #70bdd3 has RGB values of R:112, G:189, B:211 and CMYK values of C:0.47, M:0.1, Y:0, K:0.17. Its decimal value is 7388627.

Hex triplet	70bdd3	`#70bdd3`
RGB Decimal	112, 189, 211	`rgb(112,189,211)`
RGB Percent	43.9, 74.1, 82.7	`rgb(43.9%,74.1%,82.7%)`
CMYK	47, 10, 0, 17
HSL	193.3°, 52.9, 63.3	`hsl(193.3,52.9%,63.3%)`
HSV (or HSB)	193.3°, 46.9, 82.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.589, -17.971, -18.459
XYZ	36.635, 44.541, 68.291
xyY	0.245, 0.298, 44.541
CIE-LCH	72.589, 25.762, 225.768
CIE-LUV	72.589, -34.672, -26.081
Hunter-Lab	66.739, -18.811, -13.952
Binary	01110000, 10111101, 11010011

#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#d38670
```
#d38670 rgb(211,134,112)
```

Complementary Color

#70d3b8
```
#70d3b8 rgb(112,211,184)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#708cd3
```
#708cd3 rgb(112,140,211)
```

Analogous Color

#d3b870
```
#d3b870 rgb(211,184,112)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#d3708c
```
#d3708c rgb(211,112,140)
```

Split Complementary Color

#bdd370
```
#bdd370 rgb(189,211,112)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#d370bd
```
#d370bd rgb(211,112,189)
```

Triadic Color

#70d386
```
#70d386 rgb(112,211,134)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#d370bd
```
#d370bd rgb(211,112,189)
```
#d38670
```
#d38670 rgb(211,134,112)
```

Tetradic Color

#3aa0bd
```
#3aa0bd rgb(58,160,189)
```
#49abc7
```
#49abc7 rgb(73,171,199)
```
#5db4cd
```
#5db4cd rgb(93,180,205)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#84c6d9
```
#84c6d9 rgb(132,198,217)
```
#97cfdf
```
#97cfdf rgb(151,207,223)
```
#abd8e5
```
#abd8e5 rgb(171,216,229)
```

Monochromatic Color

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

#70d3d0
```
#70d3d0 rgb(112,211,208)
```
#70ced3
```
#70ced3 rgb(112,206,211)
```
#70c5d3
```
#70c5d3 rgb(112,197,211)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#70b5d3
```
#70b5d3 rgb(112,181,211)
```
#70add3
```
#70add3 rgb(112,173,211)
```
#70a4d3
```
#70a4d3 rgb(112,164,211)
```

Similar Colors

Text with hexadecimal color #70bdd3

This text has a font color of #70bdd3.

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

#70bdd3 background color

This paragraph has a background color of #70bdd3.

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

#70bdd3 border color

This element has a border color of #70bdd3.

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

CSS codes

.text {color:#70bdd3;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071316
```
#071316 rgb(7,19,22)
```
#0b1f25
```
#0b1f25 rgb(11,31,37)
```
#102c34
```
#102c34 rgb(16,44,52)
```
#153943
```
#153943 rgb(21,57,67)
```
#194552
```
#194552 rgb(25,69,82)
```
#1e5261
```
#1e5261 rgb(30,82,97)
```
#225f70
```
#225f70 rgb(34,95,112)
```
#276b7f
```
#276b7f rgb(39,107,127)
```
#2c788e
```
#2c788e rgb(44,120,142)
```
#30859d
```
#30859d rgb(48,133,157)
```
#3592ac
```
#3592ac rgb(53,146,172)
```
#3a9ebb
```
#3a9ebb rgb(58,158,187)
```

Shade Color Variation

#43a8c5
```
#43a8c5 rgb(67,168,197)
```
#52afca
```
#52afca rgb(82,175,202)
```
#61b6ce
```
#61b6ce rgb(97,182,206)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#7fc4d8
```
#7fc4d8 rgb(127,196,216)
```
#8ecbdc
```
#8ecbdc rgb(142,203,220)
```
#9dd2e1
```
#9dd2e1 rgb(157,210,225)
```
#acd9e5
```
#acd9e5 rgb(172,217,229)
```
#bbe0ea
```
#bbe0ea rgb(187,224,234)
```
#cae7ef
```
#cae7ef rgb(202,231,239)
```
#d9edf3
```
#d9edf3 rgb(217,237,243)
```
#e8f4f8
```
#e8f4f8 rgb(232,244,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#9ba5a8
```
#9ba5a8 rgb(155,165,168)
```
#94a9af
```
#94a9af rgb(148,169,175)
```
#8dadb6
```
#8dadb6 rgb(141,173,182)
```
#86b1bd
```
#86b1bd rgb(134,177,189)
```
#7eb5c5
```
#7eb5c5 rgb(126,181,197)
```
#77b9cc
```
#77b9cc rgb(119,185,204)
```
#70bdd3
```
#70bdd3 rgb(112,189,211)
```
#69c1da
```
#69c1da rgb(105,193,218)
```
#62c5e1
```
#62c5e1 rgb(98,197,225)
```
#5ac9e9
```
#5ac9e9 rgb(90,201,233)
```
#53cdf0
```
#53cdf0 rgb(83,205,240)
```
#4cd1f7
```
#4cd1f7 rgb(76,209,247)
```
#45d5fe
```
#45d5fe rgb(69,213,254)
```

Tone Color Variation

Below, you can see how #70bdd3 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
#9dacb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b4ce Protanopia 1% of men
#b3b2da Deuteranopia 1% of men
#75c1cf Tritanopia 0.001% of the population

Trichromacy

#99b7cf Protanomaly 1% of men, 0.01% of women
#9bb6d7 Deuteranomaly 6% of men, 0.4% of women
#73bfd0 Tritanomaly 0.01% of the population

#70bdd3 hex color

#70bdd3 Color Information

#70bdd3 Color Conversion

Color Schemes with #70bdd3

Alternatives to #70bdd3

#70bdd3 Preview

Shades and Tints of #70bdd3

Tones of #70bdd3

Color Blindness Simulator