#1a70e2 hex color

In a RGB color space, hex #1a70e2 is composed of 10.2% red, 43.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 50.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 214.2 degrees, a saturation of 79.4% and a lightness of 49.4%. #1a70e2 color hex could be obtained by blending #34e0ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 44
- B 89
RGB color chart
- C 88
- M 50
- Y 0
- K 11
CMYK color chart

● #1a70e2 color description : Vivid blue.

The hexadecimal color #1a70e2 has RGB values of R:26, G:112, B:226 and CMYK values of C:0.88, M:0.5, Y:0, K:0.11. Its decimal value is 1732834.

Hex triplet	1a70e2	`#1a70e2`
RGB Decimal	26, 112, 226	`rgb(26,112,226)`
RGB Percent	10.2, 43.9, 88.6	`rgb(10.2%,43.9%,88.6%)`
CMYK	88, 50, 0, 11
HSL	214.2°, 79.4, 49.4	`hsl(214.2,79.4%,49.4%)`
HSV (or HSB)	214.2°, 88.5, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.632, 18.532, -64.592
XYZ	19.945, 17.297, 74.235
xyY	0.179, 0.155, 17.297
CIE-LCH	48.632, 67.198, 286.009
CIE-LUV	48.632, -24.627, -100.076
Hunter-Lab	41.59, 12.818, -76.715
Binary	00011010, 01110000, 11100010

#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#e28c1a
```
#e28c1a rgb(226,140,26)
```

Complementary Color

#1ad4e2
```
#1ad4e2 rgb(26,212,226)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#281ae2
```
#281ae2 rgb(40,26,226)
```

Analogous Color

#d4e21a
```
#d4e21a rgb(212,226,26)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#e2281a
```
#e2281a rgb(226,40,26)
```

Split Complementary Color

#70e21a
```
#70e21a rgb(112,226,26)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#e21a70
```
#e21a70 rgb(226,26,112)
```

Triadic Color

#1ae28c
```
#1ae28c rgb(26,226,140)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#e21a70
```
#e21a70 rgb(226,26,112)
```
#e28c1a
```
#e28c1a rgb(226,140,26)
```

Tetradic Color

#124e9d
```
#124e9d rgb(18,78,157)
```
#1559b4
```
#1559b4 rgb(21,89,180)
```
#1765cb
```
#1765cb rgb(23,101,203)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#2e7ee7
```
#2e7ee7 rgb(46,126,231)
```
#458cea
```
#458cea rgb(69,140,234)
```
#5c9aec
```
#5c9aec rgb(92,154,236)
```

Monochromatic Color

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

#1aa2e2
```
#1aa2e2 rgb(26,162,226)
```
#1a91e2
```
#1a91e2 rgb(26,145,226)
```
#1a81e2
```
#1a81e2 rgb(26,129,226)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#1a5fe2
```
#1a5fe2 rgb(26,95,226)
```
#1a4fe2
```
#1a4fe2 rgb(26,79,226)
```
#1a3ee2
```
#1a3ee2 rgb(26,62,226)
```

Similar Colors

Text with hexadecimal color #1a70e2

This text has a font color of #1a70e2.

<span style="color:#1a70e2;">Text here</span>

#1a70e2 background color

This paragraph has a background color of #1a70e2.

<p style="background-color:#1a70e2;">Content here</p>

#1a70e2 border color

This element has a border color of #1a70e2.

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

CSS codes

.text {color:#1a70e2;}

.background {background-color:#1a70e2;}

.border {border:1px solid #1a70e2;}

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, #02070f is the darkest color, while #fcfdff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#041020
```
#041020 rgb(4,16,32)
```
#061932
```
#061932 rgb(6,25,50)
```
#082244
```
#082244 rgb(8,34,68)
```
#0a2a55
```
#0a2a55 rgb(10,42,85)
```
#0c3367
```
#0c3367 rgb(12,51,103)
```
#0e3c78
```
#0e3c78 rgb(14,60,120)
```
#10448a
```
#10448a rgb(16,68,138)
```
#124d9c
```
#124d9c rgb(18,77,156)
```
#1456ad
```
#1456ad rgb(20,86,173)
```
#165fbf
```
#165fbf rgb(22,95,191)
```
#1867d0
```
#1867d0 rgb(24,103,208)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```

Shade Color Variation

#297be6
```
#297be6 rgb(41,123,230)
```
#3b85e8
```
#3b85e8 rgb(59,133,232)
```
#4c90ea
```
#4c90ea rgb(76,144,234)
```
#5e9bec
```
#5e9bec rgb(94,155,236)
```
#70a6ef
```
#70a6ef rgb(112,166,239)
```
#81b1f1
```
#81b1f1 rgb(129,177,241)
```
#93bcf3
```
#93bcf3 rgb(147,188,243)
```
#a4c7f5
```
#a4c7f5 rgb(164,199,245)
```
#b6d2f7
```
#b6d2f7 rgb(182,210,247)
```
#c8ddf9
```
#c8ddf9 rgb(200,221,249)
```
#d9e8fb
```
#d9e8fb rgb(217,232,251)
```
#ebf2fd
```
#ebf2fd rgb(235,242,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e81 is the less saturated color, while #076df5 is the most saturated one.

#7b7e81
```
#7b7e81 rgb(123,126,129)
```
#717c8b
```
#717c8b rgb(113,124,139)
```
#687b94
```
#687b94 rgb(104,123,148)
```
#5e799e
```
#5e799e rgb(94,121,158)
```
#5478a8
```
#5478a8 rgb(84,120,168)
```
#4a77b2
```
#4a77b2 rgb(74,119,178)
```
#4175bb
```
#4175bb rgb(65,117,187)
```
#3774c5
```
#3774c5 rgb(55,116,197)
```
#2d73cf
```
#2d73cf rgb(45,115,207)
```
#2471d8
```
#2471d8 rgb(36,113,216)
```
#1a70e2
```
#1a70e2 rgb(26,112,226)
```
#106fec
```
#106fec rgb(16,111,236)
```
#076df5
```
#076df5 rgb(7,109,245)
```

Tone Color Variation

Below, you can see how #1a70e2 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

#636363 Achromatopsia 0.005% of the population
#54667c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b77e3 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#2574e2 Protanomaly 1% of men, 0.01% of women
#0978d4 Deuteranomaly 6% of men, 0.4% of women
#097eac Tritanomaly 0.01% of the population

#1a70e2 hex color

#1a70e2 Color Information

#1a70e2 Color Conversion

Color Schemes with #1a70e2

Alternatives to #1a70e2

#1a70e2 Preview

Shades and Tints of #1a70e2

Tones of #1a70e2

Color Blindness Simulator