#70b8d6 hex color

In a RGB color space, hex #70b8d6 is composed of 43.9% red, 72.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 14% magenta, 0% yellow and 16.1% black. It has a hue angle of 197.6 degrees, a saturation of 55.4% and a lightness of 63.9%. #70b8d6 color hex could be obtained by blending #e0ffff with #0071ad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 44
- G 72
- B 84
RGB color chart
- C 48
- M 14
- Y 0
- K 16
CMYK color chart

● #70b8d6 color description : Slightly desaturated blue.

The hexadecimal color #70b8d6 has RGB values of R:112, G:184, B:214 and CMYK values of C:0.48, M:0.14, Y:0, K:0.16. Its decimal value is 7387350.

Hex triplet	70b8d6	`#70b8d6`
RGB Decimal	112, 184, 214	`rgb(112,184,214)`
RGB Percent	43.9, 72.2, 83.9	`rgb(43.9%,72.2%,83.9%)`
CMYK	48, 14, 0, 16
HSL	197.6°, 55.4, 63.9	`hsl(197.6,55.4%,63.9%)`
HSV (or HSB)	197.6°, 47.7, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.268, -14.536, -22.101
XYZ	35.957, 42.579, 69.938
xyY	0.242, 0.287, 42.579
CIE-LCH	71.268, 26.453, 236.667
CIE-LUV	71.268, -32.632, -32.487
Hunter-Lab	65.252, -15.83, -17.871
Binary	01110000, 10111000, 11010110

#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#d68e70
```
#d68e70 rgb(214,142,112)
```

Complementary Color

#70d6c1
```
#70d6c1 rgb(112,214,193)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#7085d6
```
#7085d6 rgb(112,133,214)
```

Analogous Color

#d6c170
```
#d6c170 rgb(214,193,112)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#d67085
```
#d67085 rgb(214,112,133)
```

Split Complementary Color

#b8d670
```
#b8d670 rgb(184,214,112)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#d670b8
```
#d670b8 rgb(214,112,184)
```

Triadic Color

#70d68e
```
#70d68e rgb(112,214,142)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#d670b8
```
#d670b8 rgb(214,112,184)
```
#d68e70
```
#d68e70 rgb(214,142,112)
```

Tetradic Color

#3899c2
```
#3899c2 rgb(56,153,194)
```
#48a4cb
```
#48a4cb rgb(72,164,203)
```
#5caed0
```
#5caed0 rgb(92,174,208)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#84c2dc
```
#84c2dc rgb(132,194,220)
```
#98cce1
```
#98cce1 rgb(152,204,225)
```
#abd6e7
```
#abd6e7 rgb(171,214,231)
```

Monochromatic Color

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

#70d2d6
```
#70d2d6 rgb(112,210,214)
```
#70c9d6
```
#70c9d6 rgb(112,201,214)
```
#70c1d6
```
#70c1d6 rgb(112,193,214)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#70b0d6
```
#70b0d6 rgb(112,176,214)
```
#70a7d6
```
#70a7d6 rgb(112,167,214)
```
#709fd6
```
#709fd6 rgb(112,159,214)
```

Similar Colors

Text with hexadecimal color #70b8d6

This text has a font color of #70b8d6.

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

#70b8d6 background color

This paragraph has a background color of #70b8d6.

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

#70b8d6 border color

This element has a border color of #70b8d6.

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

CSS codes

.text {color:#70b8d6;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071419
```
#071419 rgb(7,20,25)
```
#0b2028
```
#0b2028 rgb(11,32,40)
```
#102c37
```
#102c37 rgb(16,44,55)
```
#143846
```
#143846 rgb(20,56,70)
```
#194456
```
#194456 rgb(25,68,86)
```
#1d5065
```
#1d5065 rgb(29,80,101)
```
#215c74
```
#215c74 rgb(33,92,116)
```
#266883
```
#266883 rgb(38,104,131)
```
#2a7493
```
#2a7493 rgb(42,116,147)
```
#2e80a2
```
#2e80a2 rgb(46,128,162)
```
#338cb1
```
#338cb1 rgb(51,140,177)
```
#3798c0
```
#3798c0 rgb(55,152,192)
```

Shade Color Variation

#42a1c9
```
#42a1c9 rgb(66,161,201)
```
#52a9cd
```
#52a9cd rgb(82,169,205)
```
#61b0d2
```
#61b0d2 rgb(97,176,210)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#7fc0da
```
#7fc0da rgb(127,192,218)
```
#8ec7df
```
#8ec7df rgb(142,199,223)
```
#9ecfe3
```
#9ecfe3 rgb(158,207,227)
```
#add6e7
```
#add6e7 rgb(173,214,231)
```
#bcdeec
```
#bcdeec rgb(188,222,236)
```
#cbe5f0
```
#cbe5f0 rgb(203,229,240)
```
#dbedf5
```
#dbedf5 rgb(219,237,245)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#a2a4a4
```
#a2a4a4 rgb(162,164,164)
```
#9aa7ac
```
#9aa7ac rgb(154,167,172)
```
#93a9b3
```
#93a9b3 rgb(147,169,179)
```
#8cacba
```
#8cacba rgb(140,172,186)
```
#85afc1
```
#85afc1 rgb(133,175,193)
```
#7eb2c8
```
#7eb2c8 rgb(126,178,200)
```
#77b5cf
```
#77b5cf rgb(119,181,207)
```
#70b8d6
```
#70b8d6 rgb(112,184,214)
```
#69bbdd
```
#69bbdd rgb(105,187,221)
```
#62bee4
```
#62bee4 rgb(98,190,228)
```
#5bc1eb
```
#5bc1eb rgb(91,193,235)
```
#54c4f2
```
#54c4f2 rgb(84,196,242)
```
#4dc7f9
```
#4dc7f9 rgb(77,199,249)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9baab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb1d1 Protanopia 1% of men
#acafdc Deuteranopia 1% of men
#72bdcb Tritanopia 0.001% of the population

Trichromacy

#95b3d3 Protanomaly 1% of men, 0.01% of women
#96b2da Deuteranomaly 6% of men, 0.4% of women
#71bbcf Tritanomaly 0.01% of the population

#70b8d6 hex color

#70b8d6 Color Information

#70b8d6 Color Conversion

Color Schemes with #70b8d6

Alternatives to #70b8d6

#70b8d6 Preview

Shades and Tints of #70b8d6

Tones of #70b8d6

Color Blindness Simulator