#70a7cc hex color

In a RGB color space, hex #70a7cc is composed of 43.9% red, 65.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 18.1% magenta, 0% yellow and 20% black. It has a hue angle of 204.1 degrees, a saturation of 47.4% and a lightness of 62%. #70a7cc color hex could be obtained by blending #e0ffff with #004f99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 65
- B 80
RGB color chart
- C 45
- M 18
- Y 0
- K 20
CMYK color chart

● #70a7cc color description : Slightly desaturated blue.

The hexadecimal color #70a7cc has RGB values of R:112, G:167, B:204 and CMYK values of C:0.45, M:0.18, Y:0, K:0.2. Its decimal value is 7382988.

Hex triplet	70a7cc	`#70a7cc`
RGB Decimal	112, 167, 204	`rgb(112,167,204)`
RGB Percent	43.9, 65.5, 80	`rgb(43.9%,65.5%,80%)`
CMYK	45, 18, 0, 20
HSL	204.1°, 47.4, 62	`hsl(204.1,47.4%,62%)`
HSV (or HSB)	204.1°, 45.1, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.09, -8.198, -24.512
XYZ	31.397, 35.44, 62.31
xyY	0.243, 0.274, 35.44
CIE-LCH	66.09, 25.846, 251.507
CIE-LUV	66.09, -26.095, -36.956
Hunter-Lab	59.532, -10.039, -20.384
Binary	01110000, 10100111, 11001100

#70a7cc
```
#70a7cc rgb(112,167,204)
```
#cc9570
```
#cc9570 rgb(204,149,112)
```

Complementary Color

#70ccc3
```
#70ccc3 rgb(112,204,195)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#7079cc
```
#7079cc rgb(112,121,204)
```

Analogous Color

#ccc370
```
#ccc370 rgb(204,195,112)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#cc7079
```
#cc7079 rgb(204,112,121)
```

Split Complementary Color

#a7cc70
```
#a7cc70 rgb(167,204,112)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#cc70a7
```
#cc70a7 rgb(204,112,167)
```

Triadic Color

#70cc95
```
#70cc95 rgb(112,204,149)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#cc70a7
```
#cc70a7 rgb(204,112,167)
```
#cc9570
```
#cc9570 rgb(204,149,112)
```

Tetradic Color

#3f83b1
```
#3f83b1 rgb(63,131,177)
```
#4a90bf
```
#4a90bf rgb(74,144,191)
```
#5d9bc5
```
#5d9bc5 rgb(93,155,197)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#83b3d3
```
#83b3d3 rgb(131,179,211)
```
#96bed9
```
#96bed9 rgb(150,190,217)
```
#a8cae0
```
#a8cae0 rgb(168,202,224)
```

Monochromatic Color

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

#70becc
```
#70becc rgb(112,190,204)
```
#70b6cc
```
#70b6cc rgb(112,182,204)
```
#70afcc
```
#70afcc rgb(112,175,204)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#709fcc
```
#709fcc rgb(112,159,204)
```
#7098cc
```
#7098cc rgb(112,152,204)
```
#7090cc
```
#7090cc rgb(112,144,204)
```

Similar Colors

Text with hexadecimal color #70a7cc

This text has a font color of #70a7cc.

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

#70a7cc background color

This paragraph has a background color of #70a7cc.

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

#70a7cc border color

This element has a border color of #70a7cc.

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

CSS codes

.text {color:#70a7cc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b171f
```
#0b171f rgb(11,23,31)
```
#10212d
```
#10212d rgb(16,33,45)
```
#152c3b
```
#152c3b rgb(21,44,59)
```
#1a374a
```
#1a374a rgb(26,55,74)
```
#204158
```
#204158 rgb(32,65,88)
```
#254c67
```
#254c67 rgb(37,76,103)
```
#2a5775
```
#2a5775 rgb(42,87,117)
```
#2f6284
```
#2f6284 rgb(47,98,132)
```
#346c92
```
#346c92 rgb(52,108,146)
```
#3977a1
```
#3977a1 rgb(57,119,161)
```
#3e82af
```
#3e82af rgb(62,130,175)
```

Shade Color Variation

#458cbd
```
#458cbd rgb(69,140,189)
```
#5395c2
```
#5395c2 rgb(83,149,194)
```
#629ec7
```
#629ec7 rgb(98,158,199)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#7eb0d1
```
#7eb0d1 rgb(126,176,209)
```
#8db9d6
```
#8db9d6 rgb(141,185,214)
```
#9bc2db
```
#9bc2db rgb(155,194,219)
```
#aacbe1
```
#aacbe1 rgb(170,203,225)
```
#b8d3e6
```
#b8d3e6 rgb(184,211,230)
```
#c7dceb
```
#c7dceb rgb(199,220,235)
```
#d5e5f0
```
#d5e5f0 rgb(213,229,240)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#9d9e9f
```
#9d9e9f rgb(157,158,159)
```
#95a0a7
```
#95a0a7 rgb(149,160,167)
```
#8ea1ae
```
#8ea1ae rgb(142,161,174)
```
#86a3b6
```
#86a3b6 rgb(134,163,182)
```
#7fa4bd
```
#7fa4bd rgb(127,164,189)
```
#77a6c5
```
#77a6c5 rgb(119,166,197)
```
#70a7cc
```
#70a7cc rgb(112,167,204)
```
#69a8d3
```
#69a8d3 rgb(105,168,211)
```
#61aadb
```
#61aadb rgb(97,170,219)
```
#5aabe2
```
#5aabe2 rgb(90,171,226)
```
#52adea
```
#52adea rgb(82,173,234)
```
#4baef1
```
#4baef1 rgb(75,174,241)
```
#43b0f9
```
#43b0f9 rgb(67,176,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#929da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba3c9 Protanopia 1% of men
#9ba2d1 Deuteranopia 1% of men
#70afbb Tritanopia 0.001% of the population

Trichromacy

#8ba5ca Protanomaly 1% of men, 0.01% of women
#8ba4cf Deuteranomaly 6% of men, 0.4% of women
#70acc1 Tritanomaly 0.01% of the population

#70a7cc hex color

#70a7cc Color Information

#70a7cc Color Conversion

Color Schemes with #70a7cc

Alternatives to #70a7cc

#70a7cc Preview

Shades and Tints of #70a7cc

Tones of #70a7cc

Color Blindness Simulator