#1e5bda hex color

In a RGB color space, hex #1e5bda is composed of 11.8% red, 35.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 58.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 220.5 degrees, a saturation of 75.8% and a lightness of 48.6%. #1e5bda color hex could be obtained by blending #3cb6ff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 36
- B 85
RGB color chart
- C 86
- M 58
- Y 0
- K 15
CMYK color chart

● #1e5bda color description : Vivid blue.

The hexadecimal color #1e5bda has RGB values of R:30, G:91, B:218 and CMYK values of C:0.86, M:0.58, Y:0, K:0.15. Its decimal value is 1989594.

Hex triplet	1e5bda	`#1e5bda`
RGB Decimal	30, 91, 218	`rgb(30,91,218)`
RGB Percent	11.8, 35.7, 85.5	`rgb(11.8%,35.7%,85.5%)`
CMYK	86, 58, 0, 15
HSL	220.5°, 75.8, 48.6	`hsl(220.5,75.8%,48.6%)`
HSV (or HSB)	220.5°, 86.2, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.489, 29.211, -70.034
XYZ	16.929, 12.819, 67.908
xyY	0.173, 0.131, 12.819
CIE-LCH	42.489, 75.882, 292.641
CIE-LUV	42.489, -18.7, -104.366
Hunter-Lab	35.803, 21.743, -87.393
Binary	00011110, 01011011, 11011010

#1e5bda
```
#1e5bda rgb(30,91,218)
```
#da9d1e
```
#da9d1e rgb(218,157,30)
```

Complementary Color

#1eb9da
```
#1eb9da rgb(30,185,218)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#3f1eda
```
#3f1eda rgb(63,30,218)
```

Analogous Color

#b9da1e
```
#b9da1e rgb(185,218,30)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#da3f1e
```
#da3f1e rgb(218,63,30)
```

Split Complementary Color

#5bda1e
```
#5bda1e rgb(91,218,30)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#da1e5b
```
#da1e5b rgb(218,30,91)
```

Triadic Color

#1eda9d
```
#1eda9d rgb(30,218,157)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#da1e5b
```
#da1e5b rgb(218,30,91)
```
#da9d1e
```
#da9d1e rgb(218,157,30)
```

Tetradic Color

#153f97
```
#153f97 rgb(21,63,151)
```
#1848ad
```
#1848ad rgb(24,72,173)
```
#1b52c4
```
#1b52c4 rgb(27,82,196)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#2f69e2
```
#2f69e2 rgb(47,105,226)
```
#4679e5
```
#4679e5 rgb(70,121,229)
```
#5c8ae9
```
#5c8ae9 rgb(92,138,233)
```

Monochromatic Color

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

#1e8ada
```
#1e8ada rgb(30,138,218)
```
#1e7ada
```
#1e7ada rgb(30,122,218)
```
#1e6bda
```
#1e6bda rgb(30,107,218)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#1e4bda
```
#1e4bda rgb(30,75,218)
```
#1e3cda
```
#1e3cda rgb(30,60,218)
```
#1e2cda
```
#1e2cda rgb(30,44,218)
```

Similar Colors

Text with hexadecimal color #1e5bda

This text has a font color of #1e5bda.

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

#1e5bda background color

This paragraph has a background color of #1e5bda.

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

#1e5bda border color

This element has a border color of #1e5bda.

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

CSS codes

.text {color:#1e5bda;}

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

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#040c1c
```
#040c1c rgb(4,12,28)
```
#06132e
```
#06132e rgb(6,19,46)
```
#091a3f
```
#091a3f rgb(9,26,63)
```
#0b2150
```
#0b2150 rgb(11,33,80)
```
#0d2961
```
#0d2961 rgb(13,41,97)
```
#103073
```
#103073 rgb(16,48,115)
```
#123784
```
#123784 rgb(18,55,132)
```
#153e95
```
#153e95 rgb(21,62,149)
```
#1745a6
```
#1745a6 rgb(23,69,166)
```
#194db8
```
#194db8 rgb(25,77,184)
```
#1c54c9
```
#1c54c9 rgb(28,84,201)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```

Shade Color Variation

#2a66e2
```
#2a66e2 rgb(42,102,226)
```
#3b72e4
```
#3b72e4 rgb(59,114,228)
```
#4c7ee6
```
#4c7ee6 rgb(76,126,230)
```
#5e8be9
```
#5e8be9 rgb(94,139,233)
```
#6f97eb
```
#6f97eb rgb(111,151,235)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#91b0f0
```
#91b0f0 rgb(145,176,240)
```
#a3bcf2
```
#a3bcf2 rgb(163,188,242)
```
#b4c9f5
```
#b4c9f5 rgb(180,201,245)
```
#c5d5f7
```
#c5d5f7 rgb(197,213,247)
```
#d6e2f9
```
#d6e2f9 rgb(214,226,249)
```
#e8eefc
```
#e8eefc rgb(232,238,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#747984
```
#747984 rgb(116,121,132)
```
#6a768e
```
#6a768e rgb(106,118,142)
```
#617297
```
#617297 rgb(97,114,151)
```
#576fa1
```
#576fa1 rgb(87,111,161)
```
#4e6caa
```
#4e6caa rgb(78,108,170)
```
#4468b4
```
#4468b4 rgb(68,104,180)
```
#3b65bd
```
#3b65bd rgb(59,101,189)
```
#3162c7
```
#3162c7 rgb(49,98,199)
```
#285ed0
```
#285ed0 rgb(40,94,208)
```
#1e5bda
```
#1e5bda rgb(30,91,218)
```
#1458e4
```
#1458e4 rgb(20,88,228)
```
#0b54ed
```
#0b54ed rgb(11,84,237)
```
#0151f7
```
#0151f7 rgb(1,81,247)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0a63d2 Protanomaly 1% of men, 0.01% of women
#0a67c1 Deuteranomaly 6% of men, 0.4% of women
#0a6c9f Tritanomaly 0.01% of the population

#1e5bda hex color

#1e5bda Color Information

#1e5bda Color Conversion

Color Schemes with #1e5bda

Alternatives to #1e5bda

#1e5bda Preview

Shades and Tints of #1e5bda

Tones of #1e5bda

Color Blindness Simulator