#1e74f2 hex color

In a RGB color space, hex #1e74f2 is composed of 11.8% red, 45.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 52.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.7 degrees, a saturation of 89.1% and a lightness of 53.3%. #1e74f2 color hex could be obtained by blending #3ce8ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 45
- B 95
RGB color chart
- C 88
- M 52
- Y 0
- K 5
CMYK color chart

● #1e74f2 color description : Vivid blue.

The hexadecimal color #1e74f2 has RGB values of R:30, G:116, B:242 and CMYK values of C:0.88, M:0.52, Y:0, K:0.05. Its decimal value is 1996018.

Hex triplet	1e74f2	`#1e74f2`
RGB Decimal	30, 116, 242	`rgb(30,116,242)`
RGB Percent	11.8, 45.5, 94.9	`rgb(11.8%,45.5%,94.9%)`
CMYK	88, 52, 0, 5
HSL	215.7°, 89.1, 53.3	`hsl(215.7,89.1%,53.3%)`
HSV (or HSB)	215.7°, 87.6, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.892, 22.364, -69.9
XYZ	22.804, 19.176, 86.499
xyY	0.177, 0.149, 19.176
CIE-LCH	50.892, 73.39, 287.741
CIE-LUV	50.892, -25.003, -109.513
Hunter-Lab	43.79, 16.324, -86.463
Binary	00011110, 01110100, 11110010

#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#f29c1e
```
#f29c1e rgb(242,156,30)
```

Complementary Color

#1edef2
```
#1edef2 rgb(30,222,242)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#321ef2
```
#321ef2 rgb(50,30,242)
```

Analogous Color

#def21e
```
#def21e rgb(222,242,30)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#f2321e
```
#f2321e rgb(242,50,30)
```

Split Complementary Color

#74f21e
```
#74f21e rgb(116,242,30)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#f21e74
```
#f21e74 rgb(242,30,116)
```

Triadic Color

#1ef29c
```
#1ef29c rgb(30,242,156)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#f21e74
```
#f21e74 rgb(242,30,116)
```
#f29c1e
```
#f29c1e rgb(242,156,30)
```

Tetradic Color

#0b51b9
```
#0b51b9 rgb(11,81,185)
```
#0c5cd1
```
#0c5cd1 rgb(12,92,209)
```
#0d67e9
```
#0d67e9 rgb(13,103,233)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#3683f3
```
#3683f3 rgb(54,131,243)
```
#4e92f5
```
#4e92f5 rgb(78,146,245)
```
#66a1f6
```
#66a1f6 rgb(102,161,246)
```

Monochromatic Color

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

#1ea9f2
```
#1ea9f2 rgb(30,169,242)
```
#1e97f2
```
#1e97f2 rgb(30,151,242)
```
#1e86f2
```
#1e86f2 rgb(30,134,242)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#1e62f2
```
#1e62f2 rgb(30,98,242)
```
#1e51f2
```
#1e51f2 rgb(30,81,242)
```
#1e3ff2
```
#1e3ff2 rgb(30,63,242)
```

Similar Colors

Text with hexadecimal color #1e74f2

This text has a font color of #1e74f2.

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

#1e74f2 background color

This paragraph has a background color of #1e74f2.

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

#1e74f2 border color

This element has a border color of #1e74f2.

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

CSS codes

.text {color:#1e74f2;}

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

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

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

#010710
```
#010710 rgb(1,7,16)
```
#020f23
```
#020f23 rgb(2,15,35)
```
#031735
```
#031735 rgb(3,23,53)
```
#042048
```
#042048 rgb(4,32,72)
```
#05285a
```
#05285a rgb(5,40,90)
```
#06306d
```
#06306d rgb(6,48,109)
```
#07387f
```
#07387f rgb(7,56,127)
```
#084092
```
#084092 rgb(8,64,146)
```
#0a48a4
```
#0a48a4 rgb(10,72,164)
```
#0b51b7
```
#0b51b7 rgb(11,81,183)
```
#0c59ca
```
#0c59ca rgb(12,89,202)
```
#0d61dc
```
#0d61dc rgb(13,97,220)
```
#0e69ef
```
#0e69ef rgb(14,105,239)
```

Shade Color Variation

#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#317ff3
```
#317ff3 rgb(49,127,243)
```
#438bf4
```
#438bf4 rgb(67,139,244)
```
#5696f5
```
#5696f5 rgb(86,150,245)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```
#7badf7
```
#7badf7 rgb(123,173,247)
```
#8db9f8
```
#8db9f8 rgb(141,185,248)
```
#a0c4fa
```
#a0c4fa rgb(160,196,250)
```
#b2d0fb
```
#b2d0fb rgb(178,208,251)
```
#c5dbfc
```
#c5dbfc rgb(197,219,252)
```
#d7e7fd
```
#d7e7fd rgb(215,231,253)
```
#eaf2fe
```
#eaf2fe rgb(234,242,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83878d is the less saturated color, while #1572fb is the most saturated one.

#83878d
```
#83878d rgb(131,135,141)
```
#7a8596
```
#7a8596 rgb(122,133,150)
```
#7084a0
```
#7084a0 rgb(112,132,160)
```
#6782a9
```
#6782a9 rgb(103,130,169)
```
#5e80b2
```
#5e80b2 rgb(94,128,178)
```
#557ebb
```
#557ebb rgb(85,126,187)
```
#4c7dc4
```
#4c7dc4 rgb(76,125,196)
```
#437bcd
```
#437bcd rgb(67,123,205)
```
#3979d7
```
#3979d7 rgb(57,121,215)
```
#3077e0
```
#3077e0 rgb(48,119,224)
```
#2776e9
```
#2776e9 rgb(39,118,233)
```
#1e74f2
```
#1e74f2 rgb(30,116,242)
```
#1572fb
```
#1572fb rgb(21,114,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5a6b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d7cf3 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#1379f2 Protanomaly 1% of men, 0.01% of women
#0a7de0 Deuteranomaly 6% of men, 0.4% of women
#0a83b6 Tritanomaly 0.01% of the population

#1e74f2 hex color

#1e74f2 Color Information

#1e74f2 Color Conversion

Color Schemes with #1e74f2

Alternatives to #1e74f2

#1e74f2 Preview

Shades and Tints of #1e74f2

Tones of #1e74f2

Color Blindness Simulator