#1e70ff hex color

In a RGB color space, hex #1e70ff is composed of 11.8% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 218.1 degrees, a saturation of 100% and a lightness of 55.9%. #1e70ff color hex could be obtained by blending #3ce0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 44
- B 100
RGB color chart
- C 88
- M 56
- Y 0
- K 0
CMYK color chart

● #1e70ff color description : Vivid blue.

The hexadecimal color #1e70ff has RGB values of R:30, G:112, B:255 and CMYK values of C:0.88, M:0.56, Y:0, K:0. Its decimal value is 1995007.

Hex triplet	1e70ff	`#1e70ff`
RGB Decimal	30, 112, 255	`rgb(30,112,255)`
RGB Percent	11.8, 43.9, 100	`rgb(11.8%,43.9%,100%)`
CMYK	88, 56, 0, 0
HSL	218.1°, 100, 55.9	`hsl(218.1,100%,55.9%)`
HSV (or HSB)	218.1°, 88.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.783, 29.811, -77.299
XYZ	24.376, 19.082, 97.001
xyY	0.174, 0.136, 19.082
CIE-LCH	50.783, 82.848, 291.089
CIE-LUV	50.783, -23.615, -120.727
Hunter-Lab	43.683, 23.159, -101.078
Binary	00011110, 01110000, 11111111

#1e70ff
```
#1e70ff rgb(30,112,255)
```
#ffad1e
```
#ffad1e rgb(255,173,30)
```

Complementary Color

#1ee1ff
```
#1ee1ff rgb(30,225,255)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#3d1eff
```
#3d1eff rgb(61,30,255)
```

Analogous Color

#e1ff1e
```
#e1ff1e rgb(225,255,30)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#ff3d1e
```
#ff3d1e rgb(255,61,30)
```

Split Complementary Color

#70ff1e
```
#70ff1e rgb(112,255,30)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#ff1e70
```
#ff1e70 rgb(255,30,112)
```

Triadic Color

#1effad
```
#1effad rgb(30,255,173)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#ff1e70
```
#ff1e70 rgb(255,30,112)
```
#ffad1e
```
#ffad1e rgb(255,173,30)
```

Tetradic Color

#004cd1
```
#004cd1 rgb(0,76,209)
```
#0055ea
```
#0055ea rgb(0,85,234)
```
#0460ff
```
#0460ff rgb(4,96,255)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#3880ff
```
#3880ff rgb(56,128,255)
```
#5190ff
```
#5190ff rgb(81,144,255)
```
#6ba1ff
```
#6ba1ff rgb(107,161,255)
```

Monochromatic Color

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

#1ea8ff
```
#1ea8ff rgb(30,168,255)
```
#1e96ff
```
#1e96ff rgb(30,150,255)
```
#1e83ff
```
#1e83ff rgb(30,131,255)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#1e5dff
```
#1e5dff rgb(30,93,255)
```
#1e4bff
```
#1e4bff rgb(30,75,255)
```
#1e38ff
```
#1e38ff rgb(30,56,255)
```

Similar Colors

Text with hexadecimal color #1e70ff

This text has a font color of #1e70ff.

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

#1e70ff background color

This paragraph has a background color of #1e70ff.

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

#1e70ff border color

This element has a border color of #1e70ff.

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

CSS codes

.text {color:#1e70ff;}

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

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

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

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#001232
```
#001232 rgb(0,18,50)
```
#001945
```
#001945 rgb(0,25,69)
```
#002059
```
#002059 rgb(0,32,89)
```
#00286c
```
#00286c rgb(0,40,108)
```
#002f80
```
#002f80 rgb(0,47,128)
```
#003694
```
#003694 rgb(0,54,148)
```
#003da7
```
#003da7 rgb(0,61,167)
```
#0044bb
```
#0044bb rgb(0,68,187)
```
#004bcf
```
#004bcf rgb(0,75,207)
```
#0052e2
```
#0052e2 rgb(0,82,226)
```
#005af6
```
#005af6 rgb(0,90,246)
```

Shade Color Variation

#0a64ff
```
#0a64ff rgb(10,100,255)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```
#327cff
```
#327cff rgb(50,124,255)
```
#4589ff
```
#4589ff rgb(69,137,255)
```
#5995ff
```
#5995ff rgb(89,149,255)
```
#6ca2ff
```
#6ca2ff rgb(108,162,255)
```
#80aeff
```
#80aeff rgb(128,174,255)
```
#94bbff
```
#94bbff rgb(148,187,255)
```
#a7c7ff
```
#a7c7ff rgb(167,199,255)
```
#bbd4ff
```
#bbd4ff rgb(187,212,255)
```
#cfe0ff
```
#cfe0ff rgb(207,224,255)
```
#e2edff
```
#e2edff rgb(226,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868c97 is the less saturated color, while #1e70ff is the most saturated one.

#868c97
```
#868c97 rgb(134,140,151)
```
#7d8aa0
```
#7d8aa0 rgb(125,138,160)
```
#7587a8
```
#7587a8 rgb(117,135,168)
```
#6c85b1
```
#6c85b1 rgb(108,133,177)
```
#6383ba
```
#6383ba rgb(99,131,186)
```
#5b80c2
```
#5b80c2 rgb(91,128,194)
```
#527ecb
```
#527ecb rgb(82,126,203)
```
#497cd4
```
#497cd4 rgb(73,124,212)
```
#4179dc
```
#4179dc rgb(65,121,220)
```
#3877e5
```
#3877e5 rgb(56,119,229)
```
#2f75ee
```
#2f75ee rgb(47,117,238)
```
#2772f6
```
#2772f6 rgb(39,114,246)
```
#1e70ff
```
#1e70ff rgb(30,112,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#596a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0a77f7 Protanomaly 1% of men, 0.01% of women
#0a7ce3 Deuteranomaly 6% of men, 0.4% of women
#0a82ba Tritanomaly 0.01% of the population

#1e70ff hex color

#1e70ff Color Information

#1e70ff Color Conversion

Color Schemes with #1e70ff

Alternatives to #1e70ff

#1e70ff Preview

Shades and Tints of #1e70ff

Tones of #1e70ff

Color Blindness Simulator