#70add4 hex color

In a RGB color space, hex #70add4 is composed of 43.9% red, 67.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 18.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 203.4 degrees, a saturation of 53.8% and a lightness of 63.5%. #70add4 color hex could be obtained by blending #e0ffff with #005ba9. Closest websafe color is: #6699cc.

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

● #70add4 color description : Slightly desaturated blue.

The hexadecimal color #70add4 has RGB values of R:112, G:173, B:212 and CMYK values of C:0.47, M:0.18, Y:0, K:0.17. Its decimal value is 7384532.

Hex triplet	70add4	`#70add4`
RGB Decimal	112, 173, 212	`rgb(112,173,212)`
RGB Percent	43.9, 67.8, 83.1	`rgb(43.9%,67.8%,83.1%)`
CMYK	47, 18, 0, 17
HSL	203.4°, 53.8, 63.5	`hsl(203.4,53.8%,63.5%)`
HSV (or HSB)	203.4°, 47.2, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.082, -9.213, -25.875
XYZ	33.506, 38.084, 67.869
xyY	0.24, 0.273, 38.084
CIE-LCH	68.082, 27.466, 250.402
CIE-LUV	68.082, -28.359, -39.236
Hunter-Lab	61.712, -11.079, -22.007
Binary	01110000, 10101101, 11010100

#70add4
```
#70add4 rgb(112,173,212)
```
#d49770
```
#d49770 rgb(212,151,112)
```

Complementary Color

#70d4c9
```
#70d4c9 rgb(112,212,201)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#707bd4
```
#707bd4 rgb(112,123,212)
```

Analogous Color

#d4c970
```
#d4c970 rgb(212,201,112)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#d4707b
```
#d4707b rgb(212,112,123)
```

Split Complementary Color

#add470
```
#add470 rgb(173,212,112)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#d470ad
```
#d470ad rgb(212,112,173)
```

Triadic Color

#70d497
```
#70d497 rgb(112,212,151)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#d470ad
```
#d470ad rgb(212,112,173)
```
#d49770
```
#d49770 rgb(212,151,112)
```

Tetradic Color

#398abe
```
#398abe rgb(57,138,190)
```
#4997c8
```
#4997c8 rgb(73,151,200)
```
#5ca2ce
```
#5ca2ce rgb(92,162,206)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#84b8da
```
#84b8da rgb(132,184,218)
```
#97c3e0
```
#97c3e0 rgb(151,195,224)
```
#abcfe6
```
#abcfe6 rgb(171,207,230)
```

Monochromatic Color

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

#70c6d4
```
#70c6d4 rgb(112,198,212)
```
#70bed4
```
#70bed4 rgb(112,190,212)
```
#70b5d4
```
#70b5d4 rgb(112,181,212)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#70a5d4
```
#70a5d4 rgb(112,165,212)
```
#709cd4
```
#709cd4 rgb(112,156,212)
```
#7094d4
```
#7094d4 rgb(112,148,212)
```

Similar Colors

Text with hexadecimal color #70add4

This text has a font color of #70add4.

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

#70add4 background color

This paragraph has a background color of #70add4.

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

#70add4 border color

This element has a border color of #70add4.

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

CSS codes

.text {color:#70add4;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#071117
```
#071117 rgb(7,17,23)
```
#0b1c26
```
#0b1c26 rgb(11,28,38)
```
#102735
```
#102735 rgb(16,39,53)
```
#143244
```
#143244 rgb(20,50,68)
```
#193d53
```
#193d53 rgb(25,61,83)
```
#1e4762
```
#1e4762 rgb(30,71,98)
```
#225271
```
#225271 rgb(34,82,113)
```
#275d80
```
#275d80 rgb(39,93,128)
```
#2b6890
```
#2b6890 rgb(43,104,144)
```
#30739f
```
#30739f rgb(48,115,159)
```
#347eae
```
#347eae rgb(52,126,174)
```
#3989bd
```
#3989bd rgb(57,137,189)
```

Shade Color Variation

#4393c6
```
#4393c6 rgb(67,147,198)
```
#529ccb
```
#529ccb rgb(82,156,203)
```
#61a4cf
```
#61a4cf rgb(97,164,207)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#7fb6d9
```
#7fb6d9 rgb(127,182,217)
```
#8ebedd
```
#8ebedd rgb(142,190,221)
```
#9dc7e2
```
#9dc7e2 rgb(157,199,226)
```
#acd0e6
```
#acd0e6 rgb(172,208,230)
```
#bbd8eb
```
#bbd8eb rgb(187,216,235)
```
#cae1ef
```
#cae1ef rgb(202,225,239)
```
#daeaf4
```
#daeaf4 rgb(218,234,244)
```
#e9f2f8
```
#e9f2f8 rgb(233,242,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#9ba4a9
```
#9ba4a9 rgb(155,164,169)
```
#94a5b0
```
#94a5b0 rgb(148,165,176)
```
#8da7b7
```
#8da7b7 rgb(141,167,183)
```
#85a8bf
```
#85a8bf rgb(133,168,191)
```
#7eaac6
```
#7eaac6 rgb(126,170,198)
```
#77abcd
```
#77abcd rgb(119,171,205)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#62b0e2
```
#62b0e2 rgb(98,176,226)
```
#5bb2e9
```
#5bb2e9 rgb(91,178,233)
```
#53b3f1
```
#53b3f1 rgb(83,179,241)
```
#4cb5f8
```
#4cb5f8 rgb(76,181,248)
```
#45b6ff
```
#45b6ff rgb(69,182,255)
```

Tone Color Variation

Below, you can see how #70add4 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
#96a2aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a8d0 Protanopia 1% of men
#9fa7d9 Deuteranopia 1% of men
#6fb4c2 Tritanopia 0.001% of the population

Trichromacy

#8eaad2 Protanomaly 1% of men, 0.01% of women
#8ea9d7 Deuteranomaly 6% of men, 0.4% of women
#6fb2c8 Tritanomaly 0.01% of the population

#70add4 hex color

#70add4 Color Information

#70add4 Color Conversion

Color Schemes with #70add4

Alternatives to #70add4

#70add4 Preview

Shades and Tints of #70add4

Tones of #70add4

Color Blindness Simulator