#0070d9 hex color

In a RGB color space, hex #0070d9 is composed of 0% red, 43.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 48.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 209 degrees, a saturation of 100% and a lightness of 42.5%. #0070d9 color hex could be obtained by blending #00e0ff with #0000b3. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 44
- B 85
RGB color chart
- C 100
- M 48
- Y 0
- K 15
CMYK color chart

● #0070d9 color description : Pure (or mostly pure) blue.

The hexadecimal color #0070d9 has RGB values of R:0, G:112, B:217 and CMYK values of C:1, M:0.48, Y:0, K:0.15. Its decimal value is 28889.

Hex triplet	0070d9	`#0070d9`
RGB Decimal	0, 112, 217	`rgb(0,112,217)`
RGB Percent	0, 43.9, 85.1	`rgb(0%,43.9%,85.1%)`
CMYK	100, 48, 0, 15
HSL	209°, 100, 42.5	`hsl(209,100%,42.5%)`
HSV (or HSB)	209°, 100, 85.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.747, 14.027, -60.944
XYZ	18.316, 16.596, 67.88
xyY	0.178, 0.161, 16.596
CIE-LCH	47.747, 62.538, 282.962
CIE-LUV	47.747, -26.231, -93.816
Hunter-Lab	40.739, 8.959, -70.273
Binary	00000000, 01110000, 11011001

#0070d9
```
#0070d9 rgb(0,112,217)
```
#d96900
```
#d96900 rgb(217,105,0)
```

Complementary Color

#00d9d6
```
#00d9d6 rgb(0,217,214)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#0004d9
```
#0004d9 rgb(0,4,217)
```

Analogous Color

#d9d600
```
#d9d600 rgb(217,214,0)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#d90004
```
#d90004 rgb(217,0,4)
```

Split Complementary Color

#70d900
```
#70d900 rgb(112,217,0)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#d90070
```
#d90070 rgb(217,0,112)
```

Triadic Color

#00d969
```
#00d969 rgb(0,217,105)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#d90070
```
#d90070 rgb(217,0,112)
```
#d96900
```
#d96900 rgb(217,105,0)
```

Tetradic Color

#00498d
```
#00498d rgb(0,73,141)
```
#0056a6
```
#0056a6 rgb(0,86,166)
```
#0063c0
```
#0063c0 rgb(0,99,192)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#007df3
```
#007df3 rgb(0,125,243)
```
#0d8aff
```
#0d8aff rgb(13,138,255)
```
#2796ff
```
#2796ff rgb(39,150,255)
```

Monochromatic Color

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

#00a6d9
```
#00a6d9 rgb(0,166,217)
```
#0094d9
```
#0094d9 rgb(0,148,217)
```
#0082d9
```
#0082d9 rgb(0,130,217)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#005ed9
```
#005ed9 rgb(0,94,217)
```
#004cd9
```
#004cd9 rgb(0,76,217)
```
#003ad9
```
#003ad9 rgb(0,58,217)
```

Similar Colors

Text with hexadecimal color #0070d9

This text has a font color of #0070d9.

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

#0070d9 background color

This paragraph has a background color of #0070d9.

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

#0070d9 border color

This element has a border color of #0070d9.

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

CSS codes

.text {color:#0070d9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000b15
```
#000b15 rgb(0,11,21)
```
#001528
```
#001528 rgb(0,21,40)
```
#001f3c
```
#001f3c rgb(0,31,60)
```
#002950
```
#002950 rgb(0,41,80)
```
#003363
```
#003363 rgb(0,51,99)
```
#003d77
```
#003d77 rgb(0,61,119)
```
#00488b
```
#00488b rgb(0,72,139)
```
#00529e
```
#00529e rgb(0,82,158)
```
#005cb2
```
#005cb2 rgb(0,92,178)
```
#0066c5
```
#0066c5 rgb(0,102,197)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#007aed
```
#007aed rgb(0,122,237)
```

Shade Color Variation

#0184ff
```
#0184ff rgb(1,132,255)
```
#158eff
```
#158eff rgb(21,142,255)
```
#2897ff
```
#2897ff rgb(40,151,255)
```
#3ca1ff
```
#3ca1ff rgb(60,161,255)
```
#50aaff
```
#50aaff rgb(80,170,255)
```
#63b4ff
```
#63b4ff rgb(99,180,255)
```
#77bdff
```
#77bdff rgb(119,189,255)
```
#8bc7ff
```
#8bc7ff rgb(139,199,255)
```
#9ed0ff
```
#9ed0ff rgb(158,208,255)
```
#b2daff
```
#b2daff rgb(178,218,255)
```
#c5e3ff
```
#c5e3ff rgb(197,227,255)
```
#d9edff
```
#d9edff rgb(217,237,255)
```
#edf6ff
```
#edf6ff rgb(237,246,255)
```

Tint Color Variation

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

#646d75
```
#646d75 rgb(100,109,117)
```
#5c6d7d
```
#5c6d7d rgb(92,109,125)
```
#536d86
```
#536d86 rgb(83,109,134)
```
#4b6e8e
```
#4b6e8e rgb(75,110,142)
```
#436e96
```
#436e96 rgb(67,110,150)
```
#3a6e9f
```
#3a6e9f rgb(58,110,159)
```
#326ea7
```
#326ea7 rgb(50,110,167)
```
#2a6faf
```
#2a6faf rgb(42,111,175)
```
#216fb8
```
#216fb8 rgb(33,111,184)
```
#196fc0
```
#196fc0 rgb(25,111,192)
```
#116fc8
```
#116fc8 rgb(17,111,200)
```
#0870d1
```
#0870d1 rgb(8,112,209)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```

Tone Color Variation

Below, you can see how #0070d9 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
#485e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3975d9 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#2473d9 Protanomaly 1% of men, 0.01% of women
#0077cf Deuteranomaly 6% of men, 0.4% of women
#007da8 Tritanomaly 0.01% of the population

#0070d9 hex color

#0070d9 Color Information

#0070d9 Color Conversion

Color Schemes with #0070d9

Alternatives to #0070d9

#0070d9 Preview

Shades and Tints of #0070d9

Tones of #0070d9

Color Blindness Simulator