#70a2c4 hex color

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

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

● #70a2c4 color description : Slightly desaturated blue.

The hexadecimal color #70a2c4 has RGB values of R:112, G:162, B:196 and CMYK values of C:0.43, M:0.17, Y:0, K:0.23. Its decimal value is 7381700.

Hex triplet	70a2c4	`#70a2c4`
RGB Decimal	112, 162, 196	`rgb(112,162,196)`
RGB Percent	43.9, 63.5, 76.9	`rgb(43.9%,63.5%,76.9%)`
CMYK	43, 17, 0, 23
HSL	204.3°, 41.6, 60.4	`hsl(204.3,41.6%,60.4%)`
HSV (or HSB)	204.3°, 42.9, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.379, -7.685, -22.686
XYZ	29.564, 33.27, 57.085
xyY	0.247, 0.277, 33.27
CIE-LCH	64.379, 23.952, 251.287
CIE-LUV	64.379, -24.162, -33.897
Hunter-Lab	57.68, -9.449, -18.303
Binary	01110000, 10100010, 11000100

#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#c49270
```
#c49270 rgb(196,146,112)
```

Complementary Color

#70c4bc
```
#70c4bc rgb(112,196,188)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#7078c4
```
#7078c4 rgb(112,120,196)
```

Analogous Color

#c4bc70
```
#c4bc70 rgb(196,188,112)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#c47078
```
#c47078 rgb(196,112,120)
```

Split Complementary Color

#a2c470
```
#a2c470 rgb(162,196,112)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#c470a2
```
#c470a2 rgb(196,112,162)
```

Triadic Color

#70c492
```
#70c492 rgb(112,196,146)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#c470a2
```
#c470a2 rgb(196,112,162)
```
#c49270
```
#c49270 rgb(196,146,112)
```

Tetradic Color

#447da4
```
#447da4 rgb(68,125,164)
```
#4c8bb5
```
#4c8bb5 rgb(76,139,181)
```
#5e96bd
```
#5e96bd rgb(94,150,189)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#82aecb
```
#82aecb rgb(130,174,203)
```
#94b9d3
```
#94b9d3 rgb(148,185,211)
```
#a6c5da
```
#a6c5da rgb(166,197,218)
```

Monochromatic Color

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

#70b7c4
```
#70b7c4 rgb(112,183,196)
```
#70b0c4
```
#70b0c4 rgb(112,176,196)
```
#70a9c4
```
#70a9c4 rgb(112,169,196)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#709bc4
```
#709bc4 rgb(112,155,196)
```
#7094c4
```
#7094c4 rgb(112,148,196)
```
#708dc4
```
#708dc4 rgb(112,141,196)
```

Similar Colors

Text with hexadecimal color #70a2c4

This text has a font color of #70a2c4.

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

#70a2c4 background color

This paragraph has a background color of #70a2c4.

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

#70a2c4 border color

This element has a border color of #70a2c4.

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

CSS codes

.text {color:#70a2c4;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#0f1d26
```
#0f1d26 rgb(15,29,38)
```
#152733
```
#152733 rgb(21,39,51)
```
#1b3241
```
#1b3241 rgb(27,50,65)
```
#213c4f
```
#213c4f rgb(33,60,79)
```
#26475d
```
#26475d rgb(38,71,93)
```
#2c526b
```
#2c526b rgb(44,82,107)
```
#325c79
```
#325c79 rgb(50,92,121)
```
#386787
```
#386787 rgb(56,103,135)
```
#3d7195
```
#3d7195 rgb(61,113,149)
```
#437ca2
```
#437ca2 rgb(67,124,162)
```
#4986b0
```
#4986b0 rgb(73,134,176)
```

Shade Color Variation

#5490b9
```
#5490b9 rgb(84,144,185)
```
#6299be
```
#6299be rgb(98,153,190)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#7eabca
```
#7eabca rgb(126,171,202)
```
#8cb4cf
```
#8cb4cf rgb(140,180,207)
```
#9abdd5
```
#9abdd5 rgb(154,189,213)
```
#a8c6db
```
#a8c6db rgb(168,198,219)
```
#b5cfe1
```
#b5cfe1 rgb(181,207,225)
```
#c3d8e6
```
#c3d8e6 rgb(195,216,230)
```
#d1e1ec
```
#d1e1ec rgb(209,225,236)
```
#dfeaf2
```
#dfeaf2 rgb(223,234,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,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 #3aacfa is the most saturated one.

#979b9d
```
#979b9d rgb(151,155,157)
```
#8f9ca5
```
#8f9ca5 rgb(143,156,165)
```
#879ead
```
#879ead rgb(135,158,173)
```
#809fb4
```
#809fb4 rgb(128,159,180)
```
#78a1bc
```
#78a1bc rgb(120,161,188)
```
#70a2c4
```
#70a2c4 rgb(112,162,196)
```
#68a3cc
```
#68a3cc rgb(104,163,204)
```
#60a5d4
```
#60a5d4 rgb(96,165,212)
```
#59a6db
```
#59a6db rgb(89,166,219)
```
#51a8e3
```
#51a8e3 rgb(81,168,227)
```
#49a9eb
```
#49a9eb rgb(73,169,235)
```
#41abf3
```
#41abf3 rgb(65,171,243)
```
#3aacfa
```
#3aacfa rgb(58,172,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8f99a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989fc2 Protanopia 1% of men
#999eca Deuteranopia 1% of men
#71a9b6 Tritanopia 0.001% of the population

Trichromacy

#89a0c3 Protanomaly 1% of men, 0.01% of women
#8a9fc7 Deuteranomaly 6% of men, 0.4% of women
#70a7bb Tritanomaly 0.01% of the population

#70a2c4 hex color

#70a2c4 Color Information

#70a2c4 Color Conversion

Color Schemes with #70a2c4

Alternatives to #70a2c4

#70a2c4 Preview

Shades and Tints of #70a2c4

Tones of #70a2c4

Color Blindness Simulator