#70afc7 hex color

In a RGB color space, hex #70afc7 is composed of 43.9% red, 68.6% green and 78% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 12.1% magenta, 0% yellow and 22% black. It has a hue angle of 196.6 degrees, a saturation of 43.7% and a lightness of 61%. #70afc7 color hex could be obtained by blending #e0ffff with #005f8f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 69
- B 78
RGB color chart
- C 44
- M 12
- Y 0
- K 22
CMYK color chart

● #70afc7 color description : Slightly desaturated blue.

The hexadecimal color #70afc7 has RGB values of R:112, G:175, B:199 and CMYK values of C:0.44, M:0.12, Y:0, K:0.22. Its decimal value is 7385031.

Hex triplet	70afc7	`#70afc7`
RGB Decimal	112, 175, 199	`rgb(112,175,199)`
RGB Percent	43.9, 68.6, 78	`rgb(43.9%,68.6%,78%)`
CMYK	44, 12, 0, 22
HSL	196.6°, 43.7, 61	`hsl(196.6,43.7%,61%)`
HSV (or HSB)	196.6°, 43.7, 78
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.187, -13.891, -18.549
XYZ	32.318, 38.226, 59.705
xyY	0.248, 0.293, 38.226
CIE-LCH	68.187, 23.174, 233.171
CIE-LUV	68.187, -29.363, -26.572
Hunter-Lab	61.828, -14.893, -13.975
Binary	01110000, 10101111, 11000111

#70afc7
```
#70afc7 rgb(112,175,199)
```
#c78870
```
#c78870 rgb(199,136,112)
```

Complementary Color

#70c7b4
```
#70c7b4 rgb(112,199,180)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#7084c7
```
#7084c7 rgb(112,132,199)
```

Analogous Color

#c7b470
```
#c7b470 rgb(199,180,112)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#c77084
```
#c77084 rgb(199,112,132)
```

Split Complementary Color

#afc770
```
#afc770 rgb(175,199,112)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#c770af
```
#c770af rgb(199,112,175)
```

Triadic Color

#70c788
```
#70c788 rgb(112,199,136)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#c770af
```
#c770af rgb(199,112,175)
```
#c78870
```
#c78870 rgb(199,136,112)
```

Tetradic Color

#428ca9
```
#428ca9 rgb(66,140,169)
```
#4b9ab9
```
#4b9ab9 rgb(75,154,185)
```
#5ea5c0
```
#5ea5c0 rgb(94,165,192)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#82b9ce
```
#82b9ce rgb(130,185,206)
```
#95c4d5
```
#95c4d5 rgb(149,196,213)
```
#a7cedd
```
#a7cedd rgb(167,206,221)
```

Monochromatic Color

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

#70c5c7
```
#70c5c7 rgb(112,197,199)
```
#70bec7
```
#70bec7 rgb(112,190,199)
```
#70b6c7
```
#70b6c7 rgb(112,182,199)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#70a8c7
```
#70a8c7 rgb(112,168,199)
```
#70a1c7
```
#70a1c7 rgb(112,161,199)
```
#7099c7
```
#7099c7 rgb(112,153,199)
```

Similar Colors

Text with hexadecimal color #70afc7

This text has a font color of #70afc7.

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

#70afc7 background color

This paragraph has a background color of #70afc7.

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

#70afc7 border color

This element has a border color of #70afc7.

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

CSS codes

.text {color:#70afc7;}

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

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#102128
```
#102128 rgb(16,33,40)
```
#152d36
```
#152d36 rgb(21,45,54)
```
#1b3944
```
#1b3944 rgb(27,57,68)
```
#204553
```
#204553 rgb(32,69,83)
```
#265061
```
#265061 rgb(38,80,97)
```
#2b5c6f
```
#2b5c6f rgb(43,92,111)
```
#31687d
```
#31687d rgb(49,104,125)
```
#36748b
```
#36748b rgb(54,116,139)
```
#3c7f99
```
#3c7f99 rgb(60,127,153)
```
#418ba7
```
#418ba7 rgb(65,139,167)
```
#4797b5
```
#4797b5 rgb(71,151,181)
```

Shade Color Variation

#549fbc
```
#549fbc rgb(84,159,188)
```
#62a7c1
```
#62a7c1 rgb(98,167,193)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#7eb7cd
```
#7eb7cd rgb(126,183,205)
```
#8cbfd2
```
#8cbfd2 rgb(140,191,210)
```
#9ac7d8
```
#9ac7d8 rgb(154,199,216)
```
#a8cfdd
```
#a8cfdd rgb(168,207,221)
```
#b6d6e3
```
#b6d6e3 rgb(182,214,227)
```
#c5dee8
```
#c5dee8 rgb(197,222,232)
```
#d3e6ee
```
#d3e6ee rgb(211,230,238)
```
#e1eef3
```
#e1eef3 rgb(225,238,243)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ea1 is the less saturated color, while #3ac7fd is the most saturated one.

#969ea1
```
#969ea1 rgb(150,158,161)
```
#8fa1a8
```
#8fa1a8 rgb(143,161,168)
```
#87a5b0
```
#87a5b0 rgb(135,165,176)
```
#7fa8b8
```
#7fa8b8 rgb(127,168,184)
```
#78acbf
```
#78acbf rgb(120,172,191)
```
#70afc7
```
#70afc7 rgb(112,175,199)
```
#68b2cf
```
#68b2cf rgb(104,178,207)
```
#61b6d6
```
#61b6d6 rgb(97,182,214)
```
#59b9de
```
#59b9de rgb(89,185,222)
```
#51bde6
```
#51bde6 rgb(81,189,230)
```
#4ac0ed
```
#4ac0ed rgb(74,192,237)
```
#42c4f5
```
#42c4f5 rgb(66,196,245)
```
#3ac7fd
```
#3ac7fd rgb(58,199,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#96a2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a9c4 Protanopia 1% of men
#a7a7ce Deuteranopia 1% of men
#74b4c1 Tritanopia 0.001% of the population

Trichromacy

#92abc5 Protanomaly 1% of men, 0.01% of women
#93aacb Deuteranomaly 6% of men, 0.4% of women
#72b2c3 Tritanomaly 0.01% of the population

#70afc7 hex color

#70afc7 Color Information

#70afc7 Color Conversion

Color Schemes with #70afc7

Alternatives to #70afc7

#70afc7 Preview

Shades and Tints of #70afc7

Tones of #70afc7

Color Blindness Simulator