#70afd3 hex color

In a RGB color space, hex #70afd3 is composed of 43.9% red, 68.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 17.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 201.8 degrees, a saturation of 52.9% and a lightness of 63.3%. #70afd3 color hex could be obtained by blending #e0ffff with #005fa7. Closest websafe color is: #6699cc.

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

● #70afd3 color description : Slightly desaturated blue.

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

Hex triplet	70afd3	`#70afd3`
RGB Decimal	112, 175, 211	`rgb(112,175,211)`
RGB Percent	43.9, 68.6, 82.7	`rgb(43.9%,68.6%,82.7%)`
CMYK	47, 17, 0, 17
HSL	201.8°, 52.9, 63.3	`hsl(201.8,52.9%,63.3%)`
HSV (or HSB)	201.8°, 46.9, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.611, -10.577, -24.515
XYZ	33.767, 38.806, 67.335
xyY	0.241, 0.277, 38.806
CIE-LCH	68.611, 26.699, 246.663
CIE-LUV	68.611, -29.159, -36.841
Hunter-Lab	62.294, -12.258, -20.482
Binary	01110000, 10101111, 11010011

#70afd3
```
#70afd3 rgb(112,175,211)
```
#d39470
```
#d39470 rgb(211,148,112)
```

Complementary Color

#70d3c6
```
#70d3c6 rgb(112,211,198)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#707ed3
```
#707ed3 rgb(112,126,211)
```

Analogous Color

#d3c670
```
#d3c670 rgb(211,198,112)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#d3707e
```
#d3707e rgb(211,112,126)
```

Split Complementary Color

#afd370
```
#afd370 rgb(175,211,112)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#d370af
```
#d370af rgb(211,112,175)
```

Triadic Color

#70d394
```
#70d394 rgb(112,211,148)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#d370af
```
#d370af rgb(211,112,175)
```
#d39470
```
#d39470 rgb(211,148,112)
```

Tetradic Color

#3a8dbd
```
#3a8dbd rgb(58,141,189)
```
#4999c7
```
#4999c7 rgb(73,153,199)
```
#5da4cd
```
#5da4cd rgb(93,164,205)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#84bad9
```
#84bad9 rgb(132,186,217)
```
#97c5df
```
#97c5df rgb(151,197,223)
```
#abd0e5
```
#abd0e5 rgb(171,208,229)
```

Monochromatic Color

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

#70c8d3
```
#70c8d3 rgb(112,200,211)
```
#70c0d3
```
#70c0d3 rgb(112,192,211)
```
#70b7d3
```
#70b7d3 rgb(112,183,211)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#70a7d3
```
#70a7d3 rgb(112,167,211)
```
#709fd3
```
#709fd3 rgb(112,159,211)
```
#7096d3
```
#7096d3 rgb(112,150,211)
```

Similar Colors

Text with hexadecimal color #70afd3

This text has a font color of #70afd3.

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

#70afd3 background color

This paragraph has a background color of #70afd3.

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

#70afd3 border color

This element has a border color of #70afd3.

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

CSS codes

.text {color:#70afd3;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0b1c25
```
#0b1c25 rgb(11,28,37)
```
#102734
```
#102734 rgb(16,39,52)
```
#153243
```
#153243 rgb(21,50,67)
```
#193d52
```
#193d52 rgb(25,61,82)
```
#1e4961
```
#1e4961 rgb(30,73,97)
```
#225470
```
#225470 rgb(34,84,112)
```
#275f7f
```
#275f7f rgb(39,95,127)
```
#2c6a8e
```
#2c6a8e rgb(44,106,142)
```
#30759d
```
#30759d rgb(48,117,157)
```
#3581ac
```
#3581ac rgb(53,129,172)
```
#3a8cbb
```
#3a8cbb rgb(58,140,187)
```

Shade Color Variation

#4396c5
```
#4396c5 rgb(67,150,197)
```
#529eca
```
#529eca rgb(82,158,202)
```
#61a7ce
```
#61a7ce rgb(97,167,206)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#7fb7d8
```
#7fb7d8 rgb(127,183,216)
```
#8ec0dc
```
#8ec0dc rgb(142,192,220)
```
#9dc8e1
```
#9dc8e1 rgb(157,200,225)
```
#acd1e5
```
#acd1e5 rgb(172,209,229)
```
#bbd9ea
```
#bbd9ea rgb(187,217,234)
```
#cae1ef
```
#cae1ef rgb(202,225,239)
```
#d9eaf3
```
#d9eaf3 rgb(217,234,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#9ba3a8
```
#9ba3a8 rgb(155,163,168)
```
#94a5af
```
#94a5af rgb(148,165,175)
```
#8da7b6
```
#8da7b6 rgb(141,167,182)
```
#86a9bd
```
#86a9bd rgb(134,169,189)
```
#7eabc5
```
#7eabc5 rgb(126,171,197)
```
#77adcc
```
#77adcc rgb(119,173,204)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#69b1da
```
#69b1da rgb(105,177,218)
```
#62b3e1
```
#62b3e1 rgb(98,179,225)
```
#5ab5e9
```
#5ab5e9 rgb(90,181,233)
```
#53b7f0
```
#53b7f0 rgb(83,183,240)
```
#4cb9f7
```
#4cb9f7 rgb(76,185,247)
```
#45bbfe
```
#45bbfe rgb(69,187,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#96a3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2aacf Protanopia 1% of men
#a2a9d9 Deuteranopia 1% of men
#70b6c3 Tritanopia 0.001% of the population

Trichromacy

#90acd0 Protanomaly 1% of men, 0.01% of women
#90abd6 Deuteranomaly 6% of men, 0.4% of women
#70b3c9 Tritanomaly 0.01% of the population

#70afd3 hex color

#70afd3 Color Information

#70afd3 Color Conversion

Color Schemes with #70afd3

Alternatives to #70afd3

#70afd3 Preview

Shades and Tints of #70afd3

Tones of #70afd3

Color Blindness Simulator