#70acc4 hex color

In a RGB color space, hex #70acc4 is composed of 43.9% red, 67.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 12.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 197.1 degrees, a saturation of 41.6% and a lightness of 60.4%. #70acc4 color hex could be obtained by blending #e0ffff with #005989. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 67
- B 77
RGB color chart
- C 43
- M 12
- Y 0
- K 23
CMYK color chart

● #70acc4 color description : Slightly desaturated blue.

The hexadecimal color #70acc4 has RGB values of R:112, G:172, B:196 and CMYK values of C:0.43, M:0.12, Y:0, K:0.23. Its decimal value is 7384260.

Hex triplet	70acc4	`#70acc4`
RGB Decimal	112, 172, 196	`rgb(112,172,196)`
RGB Percent	43.9, 67.5, 76.9	`rgb(43.9%,67.5%,76.9%)`
CMYK	43, 12, 0, 23
HSL	197.1°, 41.6, 60.4	`hsl(197.1,41.6%,60.4%)`
HSV (or HSB)	197.1°, 42.9, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.227, -13.105, -18.347
XYZ	31.396, 36.934, 57.696
xyY	0.249, 0.293, 36.934
CIE-LCH	67.227, 22.547, 234.462
CIE-LUV	67.227, -28.202, -26.3
Hunter-Lab	60.773, -14.138, -13.747
Binary	01110000, 10101100, 11000100

#70acc4
```
#70acc4 rgb(112,172,196)
```
#c48870
```
#c48870 rgb(196,136,112)
```

Complementary Color

#70c4b2
```
#70c4b2 rgb(112,196,178)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#7082c4
```
#7082c4 rgb(112,130,196)
```

Analogous Color

#c4b270
```
#c4b270 rgb(196,178,112)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#c47082
```
#c47082 rgb(196,112,130)
```

Split Complementary Color

#acc470
```
#acc470 rgb(172,196,112)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#c470ac
```
#c470ac rgb(196,112,172)
```

Triadic Color

#70c488
```
#70c488 rgb(112,196,136)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#c470ac
```
#c470ac rgb(196,112,172)
```
#c48870
```
#c48870 rgb(196,136,112)
```

Tetradic Color

#4488a4
```
#4488a4 rgb(68,136,164)
```
#4c97b5
```
#4c97b5 rgb(76,151,181)
```
#5ea2bd
```
#5ea2bd rgb(94,162,189)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#82b6cb
```
#82b6cb rgb(130,182,203)
```
#94c1d3
```
#94c1d3 rgb(148,193,211)
```
#a6cbda
```
#a6cbda rgb(166,203,218)
```

Monochromatic Color

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

#70c1c4
```
#70c1c4 rgb(112,193,196)
```
#70bac4
```
#70bac4 rgb(112,186,196)
```
#70b3c4
```
#70b3c4 rgb(112,179,196)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#70a5c4
```
#70a5c4 rgb(112,165,196)
```
#709ec4
```
#709ec4 rgb(112,158,196)
```
#7097c4
```
#7097c4 rgb(112,151,196)
```

Similar Colors

Text with hexadecimal color #70acc4

This text has a font color of #70acc4.

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

#70acc4 background color

This paragraph has a background color of #70acc4.

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

#70acc4 border color

This element has a border color of #70acc4.

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

CSS codes

.text {color:#70acc4;}

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

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

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#0f1f26
```
#0f1f26 rgb(15,31,38)
```
#152b33
```
#152b33 rgb(21,43,51)
```
#1b3641
```
#1b3641 rgb(27,54,65)
```
#21424f
```
#21424f rgb(33,66,79)
```
#264d5d
```
#264d5d rgb(38,77,93)
```
#2c596b
```
#2c596b rgb(44,89,107)
```
#326579
```
#326579 rgb(50,101,121)
```
#387087
```
#387087 rgb(56,112,135)
```
#3d7c95
```
#3d7c95 rgb(61,124,149)
```
#4387a2
```
#4387a2 rgb(67,135,162)
```
#4993b0
```
#4993b0 rgb(73,147,176)
```

Shade Color Variation

#549cb9
```
#549cb9 rgb(84,156,185)
```
#62a4be
```
#62a4be rgb(98,164,190)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#7eb4ca
```
#7eb4ca rgb(126,180,202)
```
#8cbccf
```
#8cbccf rgb(140,188,207)
```
#9ac4d5
```
#9ac4d5 rgb(154,196,213)
```
#a8ccdb
```
#a8ccdb rgb(168,204,219)
```
#b5d4e1
```
#b5d4e1 rgb(181,212,225)
```
#c3dce6
```
#c3dce6 rgb(195,220,230)
```
#d1e4ec
```
#d1e4ec rgb(209,228,236)
```
#dfecf2
```
#dfecf2 rgb(223,236,242)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#979b9d
```
#979b9d rgb(151,155,157)
```
#8f9fa5
```
#8f9fa5 rgb(143,159,165)
```
#87a2ad
```
#87a2ad rgb(135,162,173)
```
#80a5b4
```
#80a5b4 rgb(128,165,180)
```
#78a9bc
```
#78a9bc rgb(120,169,188)
```
#70acc4
```
#70acc4 rgb(112,172,196)
```
#68afcc
```
#68afcc rgb(104,175,204)
```
#60b3d4
```
#60b3d4 rgb(96,179,212)
```
#59b6db
```
#59b6db rgb(89,182,219)
```
#51b9e3
```
#51b9e3 rgb(81,185,227)
```
#49bdeb
```
#49bdeb rgb(73,189,235)
```
#41c0f3
```
#41c0f3 rgb(65,192,243)
```
#3ac3fa
```
#3ac3fa rgb(58,195,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#94a0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a7c1 Protanopia 1% of men
#a5a5cb Deuteranopia 1% of men
#74b1be Tritanopia 0.001% of the population

Trichromacy

#90a8c2 Protanomaly 1% of men, 0.01% of women
#92a7c8 Deuteranomaly 6% of men, 0.4% of women
#72afc0 Tritanomaly 0.01% of the population

#70acc4 hex color

#70acc4 Color Information

#70acc4 Color Conversion

Color Schemes with #70acc4

Alternatives to #70acc4

#70acc4 Preview

Shades and Tints of #70acc4

Tones of #70acc4

Color Blindness Simulator