#1e4dff hex color

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

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

● #1e4dff color description : Vivid blue.

The hexadecimal color #1e4dff has RGB values of R:30, G:77, B:255 and CMYK values of C:0.88, M:0.7, Y:0, K:0. Its decimal value is 1986047.

Hex triplet	1e4dff	`#1e4dff`
RGB Decimal	30, 77, 255	`rgb(30,77,255)`
RGB Percent	11.8, 30.2, 100	`rgb(11.8%,30.2%,100%)`
CMYK	88, 70, 0, 0
HSL	227.5°, 100, 55.9	`hsl(227.5,100%,55.9%)`
HSV (or HSB)	227.5°, 88.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.464, 51.399, -90.949
XYZ	21.236, 12.802, 95.954
xyY	0.163, 0.098, 12.802
CIE-LCH	42.464, 104.468, 299.473
CIE-LUV	42.464, -15.643, -131.613
Hunter-Lab	35.78, 43.325, -133.957
Binary	00011110, 01001101, 11111111

#1e4dff
```
#1e4dff rgb(30,77,255)
```
#ffd01e
```
#ffd01e rgb(255,208,30)
```

Complementary Color

#1ebeff
```
#1ebeff rgb(30,190,255)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#5f1eff
```
#5f1eff rgb(95,30,255)
```

Analogous Color

#beff1e
```
#beff1e rgb(190,255,30)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#ff5f1e
```
#ff5f1e rgb(255,95,30)
```

Split Complementary Color

#4dff1e
```
#4dff1e rgb(77,255,30)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#ff1e4d
```
#ff1e4d rgb(255,30,77)
```

Triadic Color

#1effd0
```
#1effd0 rgb(30,255,208)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#ff1e4d
```
#ff1e4d rgb(255,30,77)
```
#ffd01e
```
#ffd01e rgb(255,208,30)
```

Tetradic Color

#002cd1
```
#002cd1 rgb(0,44,209)
```
#0031ea
```
#0031ea rgb(0,49,234)
```
#0439ff
```
#0439ff rgb(4,57,255)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#3861ff
```
#3861ff rgb(56,97,255)
```
#5175ff
```
#5175ff rgb(81,117,255)
```
#6b8aff
```
#6b8aff rgb(107,138,255)
```

Monochromatic Color

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

#1e85ff
```
#1e85ff rgb(30,133,255)
```
#1e73ff
```
#1e73ff rgb(30,115,255)
```
#1e60ff
```
#1e60ff rgb(30,96,255)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#1e3aff
```
#1e3aff rgb(30,58,255)
```
#1e28ff
```
#1e28ff rgb(30,40,255)
```
#271eff
```
#271eff rgb(39,30,255)
```

Similar Colors

Text with hexadecimal color #1e4dff

This text has a font color of #1e4dff.

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

#1e4dff background color

This paragraph has a background color of #1e4dff.

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

#1e4dff border color

This element has a border color of #1e4dff.

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

CSS codes

.text {color:#1e4dff;}

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

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

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)
```
#000a32
```
#000a32 rgb(0,10,50)
```
#000e45
```
#000e45 rgb(0,14,69)
```
#001359
```
#001359 rgb(0,19,89)
```
#00176c
```
#00176c rgb(0,23,108)
```
#001b80
```
#001b80 rgb(0,27,128)
```
#001f94
```
#001f94 rgb(0,31,148)
```
#0023a7
```
#0023a7 rgb(0,35,167)
```
#0027bb
```
#0027bb rgb(0,39,187)
```
#002bcf
```
#002bcf rgb(0,43,207)
```
#002fe2
```
#002fe2 rgb(0,47,226)
```
#0033f6
```
#0033f6 rgb(0,51,246)
```

Shade Color Variation

#0a3dff
```
#0a3dff rgb(10,61,255)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```
#325dff
```
#325dff rgb(50,93,255)
```
#456cff
```
#456cff rgb(69,108,255)
```
#597cff
```
#597cff rgb(89,124,255)
```
#6c8bff
```
#6c8bff rgb(108,139,255)
```
#809bff
```
#809bff rgb(128,155,255)
```
#94aaff
```
#94aaff rgb(148,170,255)
```
#a7baff
```
#a7baff rgb(167,186,255)
```
#bbc9ff
```
#bbc9ff rgb(187,201,255)
```
#cfd9ff
```
#cfd9ff rgb(207,217,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 #1e4dff is the most saturated one.

#868997
```
#868997 rgb(134,137,151)
```
#7d84a0
```
#7d84a0 rgb(125,132,160)
```
#757fa8
```
#757fa8 rgb(117,127,168)
```
#6c7ab1
```
#6c7ab1 rgb(108,122,177)
```
#6375ba
```
#6375ba rgb(99,117,186)
```
#5b70c2
```
#5b70c2 rgb(91,112,194)
```
#526bcb
```
#526bcb rgb(82,107,203)
```
#4966d4
```
#4966d4 rgb(73,102,212)
```
#4161dc
```
#4161dc rgb(65,97,220)
```
#385ce5
```
#385ce5 rgb(56,92,229)
```
#2f57ee
```
#2f57ee rgb(47,87,238)
```
#2752f6
```
#2752f6 rgb(39,82,246)
```
#1e4dff
```
#1e4dff rgb(30,77,255)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#485275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777c Tritanopia 0.001% of the population

Trichromacy

#0a5ede Protanomaly 1% of men, 0.01% of women
#0a62cd Deuteranomaly 6% of men, 0.4% of women
#0a67ac Tritanomaly 0.01% of the population

#1e4dff hex color

#1e4dff Color Information

#1e4dff Color Conversion

Color Schemes with #1e4dff

Alternatives to #1e4dff

#1e4dff Preview

Shades and Tints of #1e4dff

Tones of #1e4dff

Color Blindness Simulator