#1e30ff hex color

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

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

● #1e30ff color description : Vivid blue.

The hexadecimal color #1e30ff has RGB values of R:30, G:48, B:255 and CMYK values of C:0.88, M:0.81, Y:0, K:0. Its decimal value is 1978623.

Hex triplet	1e30ff	`#1e30ff`
RGB Decimal	30, 48, 255	`rgb(30,48,255)`
RGB Percent	11.8, 18.8, 100	`rgb(11.8%,18.8%,100%)`
CMYK	88, 81, 0, 0
HSL	235.2°, 100, 55.9	`hsl(235.2,100%,55.9%)`
HSV (or HSB)	235.2°, 88.2, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.13, 66.584, -99.789
XYZ	19.639, 9.608, 95.422
xyY	0.158, 0.077, 9.608
CIE-LCH	37.13, 119.963, 303.713
CIE-LUV	37.13, -11.24, -133.311
Hunter-Lab	30.997, 58.845, -160.819
Binary	00011110, 00110000, 11111111

#1e30ff
```
#1e30ff rgb(30,48,255)
```
#ffed1e
```
#ffed1e rgb(255,237,30)
```

Complementary Color

#1ea1ff
```
#1ea1ff rgb(30,161,255)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#7d1eff
```
#7d1eff rgb(125,30,255)
```

Analogous Color

#a1ff1e
```
#a1ff1e rgb(161,255,30)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#ff7d1e
```
#ff7d1e rgb(255,125,30)
```

Split Complementary Color

#30ff1e
```
#30ff1e rgb(48,255,30)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#ff1e30
```
#ff1e30 rgb(255,30,48)
```

Triadic Color

#1effed
```
#1effed rgb(30,255,237)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#ff1e30
```
#ff1e30 rgb(255,30,48)
```
#ffed1e
```
#ffed1e rgb(255,237,30)
```

Tetradic Color

#0011d1
```
#0011d1 rgb(0,17,209)
```
#0013ea
```
#0013ea rgb(0,19,234)
```
#0419ff
```
#0419ff rgb(4,25,255)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#3847ff
```
#3847ff rgb(56,71,255)
```
#515fff
```
#515fff rgb(81,95,255)
```
#6b76ff
```
#6b76ff rgb(107,118,255)
```

Monochromatic Color

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

#1e68ff
```
#1e68ff rgb(30,104,255)
```
#1e56ff
```
#1e56ff rgb(30,86,255)
```
#1e43ff
```
#1e43ff rgb(30,67,255)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#1f1eff
```
#1f1eff rgb(31,30,255)
```
#311eff
```
#311eff rgb(49,30,255)
```
#441eff
```
#441eff rgb(68,30,255)
```

Similar Colors

Text with hexadecimal color #1e30ff

This text has a font color of #1e30ff.

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

#1e30ff background color

This paragraph has a background color of #1e30ff.

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

#1e30ff border color

This element has a border color of #1e30ff.

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

CSS codes

.text {color:#1e30ff;}

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

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

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

#00010a
```
#00010a rgb(0,1,10)
```
#00021e
```
#00021e rgb(0,2,30)
```
#000432
```
#000432 rgb(0,4,50)
```
#000645
```
#000645 rgb(0,6,69)
```
#000759
```
#000759 rgb(0,7,89)
```
#00096c
```
#00096c rgb(0,9,108)
```
#000a80
```
#000a80 rgb(0,10,128)
```
#000c94
```
#000c94 rgb(0,12,148)
```
#000da7
```
#000da7 rgb(0,13,167)
```
#000fbb
```
#000fbb rgb(0,15,187)
```
#0011cf
```
#0011cf rgb(0,17,207)
```
#0012e2
```
#0012e2 rgb(0,18,226)
```
#0014f6
```
#0014f6 rgb(0,20,246)
```

Shade Color Variation

#0a1eff
```
#0a1eff rgb(10,30,255)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```
#3242ff
```
#3242ff rgb(50,66,255)
```
#4554ff
```
#4554ff rgb(69,84,255)
```
#5966ff
```
#5966ff rgb(89,102,255)
```
#6c78ff
```
#6c78ff rgb(108,120,255)
```
#808aff
```
#808aff rgb(128,138,255)
```
#949cff
```
#949cff rgb(148,156,255)
```
#a7aeff
```
#a7aeff rgb(167,174,255)
```
#bbc0ff
```
#bbc0ff rgb(187,192,255)
```
#cfd2ff
```
#cfd2ff rgb(207,210,255)
```
#e2e4ff
```
#e2e4ff rgb(226,228,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#868797
```
#868797 rgb(134,135,151)
```
#7d80a0
```
#7d80a0 rgb(125,128,160)
```
#7579a8
```
#7579a8 rgb(117,121,168)
```
#6c71b1
```
#6c71b1 rgb(108,113,177)
```
#636aba
```
#636aba rgb(99,106,186)
```
#5b63c2
```
#5b63c2 rgb(91,99,194)
```
#525ccb
```
#525ccb rgb(82,92,203)
```
#4954d4
```
#4954d4 rgb(73,84,212)
```
#414ddc
```
#414ddc rgb(65,77,220)
```
#3846e5
```
#3846e5 rgb(56,70,229)
```
#2f3fee
```
#2f3fee rgb(47,63,238)
```
#2737f6
```
#2737f6 rgb(39,55,246)
```
#1e30ff
```
#1e30ff rgb(30,48,255)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b3e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#0a4cd0 Protanomaly 1% of men, 0.01% of women
#0a50c0 Deuteranomaly 6% of men, 0.4% of women
#0a54a2 Tritanomaly 0.01% of the population

#1e30ff hex color

#1e30ff Color Information

#1e30ff Color Conversion

Color Schemes with #1e30ff

Alternatives to #1e30ff

#1e30ff Preview

Shades and Tints of #1e30ff

Tones of #1e30ff

Color Blindness Simulator