#1e49ff hex color

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

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

● #1e49ff color description : Vivid blue.

The hexadecimal color #1e49ff has RGB values of R:30, G:73, B:255 and CMYK values of C:0.88, M:0.71, Y:0, K:0. Its decimal value is 1985023.

Hex triplet	1e49ff	`#1e49ff`
RGB Decimal	30, 73, 255	`rgb(30,73,255)`
RGB Percent	11.8, 28.6, 100	`rgb(11.8%,28.6%,100%)`
CMYK	88, 71, 0, 0
HSL	228.5°, 100, 55.9	`hsl(228.5,100%,55.9%)`
HSV (or HSB)	228.5°, 88.2, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.626, 53.714, -92.333
XYZ	20.964, 12.259, 95.864
xyY	0.162, 0.095, 12.259
CIE-LCH	41.626, 106.821, 300.188
CIE-LUV	41.626, -14.91, -132.189
Hunter-Lab	35.014, 45.603, -137.821
Binary	00011110, 01001001, 11111111

#1e49ff
```
#1e49ff rgb(30,73,255)
```
#ffd41e
```
#ffd41e rgb(255,212,30)
```

Complementary Color

#1ebaff
```
#1ebaff rgb(30,186,255)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#631eff
```
#631eff rgb(99,30,255)
```

Analogous Color

#baff1e
```
#baff1e rgb(186,255,30)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#ff631e
```
#ff631e rgb(255,99,30)
```

Split Complementary Color

#49ff1e
```
#49ff1e rgb(73,255,30)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#ff1e49
```
#ff1e49 rgb(255,30,73)
```

Triadic Color

#1effd4
```
#1effd4 rgb(30,255,212)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#ff1e49
```
#ff1e49 rgb(255,30,73)
```
#ffd41e
```
#ffd41e rgb(255,212,30)
```

Tetradic Color

#0028d1
```
#0028d1 rgb(0,40,209)
```
#002dea
```
#002dea rgb(0,45,234)
```
#0434ff
```
#0434ff rgb(4,52,255)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#385eff
```
#385eff rgb(56,94,255)
```
#5172ff
```
#5172ff rgb(81,114,255)
```
#6b87ff
```
#6b87ff rgb(107,135,255)
```

Monochromatic Color

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

#1e81ff
```
#1e81ff rgb(30,129,255)
```
#1e6fff
```
#1e6fff rgb(30,111,255)
```
#1e5cff
```
#1e5cff rgb(30,92,255)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#1e36ff
```
#1e36ff rgb(30,54,255)
```
#1e24ff
```
#1e24ff rgb(30,36,255)
```
#2b1eff
```
#2b1eff rgb(43,30,255)
```

Similar Colors

Text with hexadecimal color #1e49ff

This text has a font color of #1e49ff.

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

#1e49ff background color

This paragraph has a background color of #1e49ff.

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

#1e49ff border color

This element has a border color of #1e49ff.

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

CSS codes

.text {color:#1e49ff;}

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

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#00061e
```
#00061e rgb(0,6,30)
```
#000932
```
#000932 rgb(0,9,50)
```
#000d45
```
#000d45 rgb(0,13,69)
```
#001159
```
#001159 rgb(0,17,89)
```
#00156c
```
#00156c rgb(0,21,108)
```
#001880
```
#001880 rgb(0,24,128)
```
#001c94
```
#001c94 rgb(0,28,148)
```
#0020a7
```
#0020a7 rgb(0,32,167)
```
#0024bb
```
#0024bb rgb(0,36,187)
```
#0027cf
```
#0027cf rgb(0,39,207)
```
#002be2
```
#002be2 rgb(0,43,226)
```
#002ff6
```
#002ff6 rgb(0,47,246)
```

Shade Color Variation

#0a39ff
```
#0a39ff rgb(10,57,255)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```
#3259ff
```
#3259ff rgb(50,89,255)
```
#4569ff
```
#4569ff rgb(69,105,255)
```
#5979ff
```
#5979ff rgb(89,121,255)
```
#6c88ff
```
#6c88ff rgb(108,136,255)
```
#8098ff
```
#8098ff rgb(128,152,255)
```
#94a8ff
```
#94a8ff rgb(148,168,255)
```
#a7b8ff
```
#a7b8ff rgb(167,184,255)
```
#bbc8ff
```
#bbc8ff rgb(187,200,255)
```
#cfd8ff
```
#cfd8ff rgb(207,216,255)
```
#e2e8ff
```
#e2e8ff rgb(226,232,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#868997
```
#868997 rgb(134,137,151)
```
#7d84a0
```
#7d84a0 rgb(125,132,160)
```
#757ea8
```
#757ea8 rgb(117,126,168)
```
#6c79b1
```
#6c79b1 rgb(108,121,177)
```
#6374ba
```
#6374ba rgb(99,116,186)
```
#5b6ec2
```
#5b6ec2 rgb(91,110,194)
```
#5269cb
```
#5269cb rgb(82,105,203)
```
#4964d4
```
#4964d4 rgb(73,100,212)
```
#415edc
```
#415edc rgb(65,94,220)
```
#3859e5
```
#3859e5 rgb(56,89,229)
```
#2f54ee
```
#2f54ee rgb(47,84,238)
```
#274ef6
```
#274ef6 rgb(39,78,246)
```
#1e49ff
```
#1e49ff rgb(30,73,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#474f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0a5cdc Protanomaly 1% of men, 0.01% of women
#0a60cb Deuteranomaly 6% of men, 0.4% of women
#0a64aa Tritanomaly 0.01% of the population

#1e49ff hex color

#1e49ff Color Information

#1e49ff Color Conversion

Color Schemes with #1e49ff

Alternatives to #1e49ff

#1e49ff Preview

Shades and Tints of #1e49ff

Tones of #1e49ff

Color Blindness Simulator