#0070d4 hex color

In a RGB color space, hex #0070d4 is composed of 0% red, 43.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 47.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 208.3 degrees, a saturation of 100% and a lightness of 41.6%. #0070d4 color hex could be obtained by blending #00e0ff with #0000a9. Closest websafe color is: #0066cc.

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

● #0070d4 color description : Strong blue.

The hexadecimal color #0070d4 has RGB values of R:0, G:112, B:212 and CMYK values of C:1, M:0.47, Y:0, K:0.17. Its decimal value is 28884.

Hex triplet	0070d4	`#0070d4`
RGB Decimal	0, 112, 212	`rgb(0,112,212)`
RGB Percent	0, 43.9, 83.1	`rgb(0%,43.9%,83.1%)`
CMYK	100, 47, 0, 17
HSL	208.3°, 100, 41.6	`hsl(208.3,100%,41.6%)`
HSV (or HSB)	208.3°, 100, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.418, 12.042, -58.634
XYZ	17.675, 16.34, 64.506
xyY	0.179, 0.166, 16.34
CIE-LCH	47.418, 59.858, 281.606
CIE-LUV	47.418, -26.442, -90.025
Hunter-Lab	40.423, 7.31, -66.318
Binary	00000000, 01110000, 11010100

#0070d4
```
#0070d4 rgb(0,112,212)
```
#d46400
```
#d46400 rgb(212,100,0)
```

Complementary Color

#00d4ce
```
#00d4ce rgb(0,212,206)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#0006d4
```
#0006d4 rgb(0,6,212)
```

Analogous Color

#d4ce00
```
#d4ce00 rgb(212,206,0)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#d40006
```
#d40006 rgb(212,0,6)
```

Split Complementary Color

#70d400
```
#70d400 rgb(112,212,0)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#d40070
```
#d40070 rgb(212,0,112)
```

Triadic Color

#00d464
```
#00d464 rgb(0,212,100)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#d40070
```
#d40070 rgb(212,0,112)
```
#d46400
```
#d46400 rgb(212,100,0)
```

Tetradic Color

#004888
```
#004888 rgb(0,72,136)
```
#0055a1
```
#0055a1 rgb(0,85,161)
```
#0063bb
```
#0063bb rgb(0,99,187)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#007dee
```
#007dee rgb(0,125,238)
```
#088aff
```
#088aff rgb(8,138,255)
```
#2297ff
```
#2297ff rgb(34,151,255)
```

Monochromatic Color

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

#00a5d4
```
#00a5d4 rgb(0,165,212)
```
#0093d4
```
#0093d4 rgb(0,147,212)
```
#0082d4
```
#0082d4 rgb(0,130,212)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#005ed4
```
#005ed4 rgb(0,94,212)
```
#004dd4
```
#004dd4 rgb(0,77,212)
```
#003bd4
```
#003bd4 rgb(0,59,212)
```

Similar Colors

Text with hexadecimal color #0070d4

This text has a font color of #0070d4.

<span style="color:#0070d4;">Text here</span>

#0070d4 background color

This paragraph has a background color of #0070d4.

<p style="background-color:#0070d4;">Content here</p>

#0070d4 border color

This element has a border color of #0070d4.

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

CSS codes

.text {color:#0070d4;}

.background {background-color:#0070d4;}

.border {border:1px solid #0070d4;}

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

#000810
```
#000810 rgb(0,8,16)
```
#001323
```
#001323 rgb(0,19,35)
```
#001d37
```
#001d37 rgb(0,29,55)
```
#00274b
```
#00274b rgb(0,39,75)
```
#00325e
```
#00325e rgb(0,50,94)
```
#003c72
```
#003c72 rgb(0,60,114)
```
#004786
```
#004786 rgb(0,71,134)
```
#005199
```
#005199 rgb(0,81,153)
```
#005bad
```
#005bad rgb(0,91,173)
```
#0066c0
```
#0066c0 rgb(0,102,192)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```
#007ae8
```
#007ae8 rgb(0,122,232)
```
#0085fb
```
#0085fb rgb(0,133,251)
```

Shade Color Variation

#108eff
```
#108eff rgb(16,142,255)
```
#2397ff
```
#2397ff rgb(35,151,255)
```
#37a1ff
```
#37a1ff rgb(55,161,255)
```
#4baaff
```
#4baaff rgb(75,170,255)
```
#5eb3ff
```
#5eb3ff rgb(94,179,255)
```
#72bcff
```
#72bcff rgb(114,188,255)
```
#86c6ff
```
#86c6ff rgb(134,198,255)
```
#99cfff
```
#99cfff rgb(153,207,255)
```
#add8ff
```
#add8ff rgb(173,216,255)
```
#c0e1ff
```
#c0e1ff rgb(192,225,255)
```
#d4ebff
```
#d4ebff rgb(212,235,255)
```
#e8f4ff
```
#e8f4ff rgb(232,244,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a72 is the less saturated color, while #0070d4 is the most saturated one.

#626a72
```
#626a72 rgb(98,106,114)
```
#5a6b7a
```
#5a6b7a rgb(90,107,122)
```
#526b82
```
#526b82 rgb(82,107,130)
```
#496c8b
```
#496c8b rgb(73,108,139)
```
#416c93
```
#416c93 rgb(65,108,147)
```
#396d9b
```
#396d9b rgb(57,109,155)
```
#316da3
```
#316da3 rgb(49,109,163)
```
#296eab
```
#296eab rgb(41,110,171)
```
#216eb3
```
#216eb3 rgb(33,110,179)
```
#186fbc
```
#186fbc rgb(24,111,188)
```
#106fc4
```
#106fc4 rgb(16,111,196)
```
#0870cc
```
#0870cc rgb(8,112,204)
```
#0070d4
```
#0070d4 rgb(0,112,212)
```

Tone Color Variation

Below, you can see how #0070d4 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

#5a5a5a Achromatopsia 0.005% of the population
#485e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f74d3 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#2873d3 Protanomaly 1% of men, 0.01% of women
#0076cd Deuteranomaly 6% of men, 0.4% of women
#007ca5 Tritanomaly 0.01% of the population

#0070d4 hex color

#0070d4 Color Information

#0070d4 Color Conversion

Color Schemes with #0070d4

Alternatives to #0070d4

#0070d4 Preview

Shades and Tints of #0070d4

Tones of #0070d4

Color Blindness Simulator