#1ea2ed hex color

In a RGB color space, hex #1ea2ed is composed of 11.8% red, 63.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 31.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.7 degrees, a saturation of 85.2% and a lightness of 52.4%. #1ea2ed color hex could be obtained by blending #3cffff with #0045db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 64
- B 93
RGB color chart
- C 87
- M 32
- Y 0
- K 7
CMYK color chart

● #1ea2ed color description : Vivid blue.

The hexadecimal color #1ea2ed has RGB values of R:30, G:162, B:237 and CMYK values of C:0.87, M:0.32, Y:0, K:0.07. Its decimal value is 2007789.

Hex triplet	1ea2ed	`#1ea2ed`
RGB Decimal	30, 162, 237	`rgb(30,162,237)`
RGB Percent	11.8, 63.5, 92.9	`rgb(11.8%,63.5%,92.9%)`
CMYK	87, 32, 0, 7
HSL	201.7°, 85.2, 52.4	`hsl(201.7,85.2%,52.4%)`
HSV (or HSB)	201.7°, 87.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.531, -7.217, -46.903
XYZ	28.738, 32.228, 84.822
xyY	0.197, 0.221, 32.228
CIE-LCH	63.531, 47.455, 261.253
CIE-LUV	63.531, -39.557, -74.319
Hunter-Lab	56.77, -8.988, -48.848
Binary	00011110, 10100010, 11101101

#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#ed691e
```
#ed691e rgb(237,105,30)
```

Complementary Color

#1eedd1
```
#1eedd1 rgb(30,237,209)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#1e3bed
```
#1e3bed rgb(30,59,237)
```

Analogous Color

#edd11e
```
#edd11e rgb(237,209,30)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#ed1e3b
```
#ed1e3b rgb(237,30,59)
```

Split Complementary Color

#a2ed1e
```
#a2ed1e rgb(162,237,30)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#ed1ea2
```
#ed1ea2 rgb(237,30,162)
```

Triadic Color

#1eed69
```
#1eed69 rgb(30,237,105)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#ed1ea2
```
#ed1ea2 rgb(237,30,162)
```
#ed691e
```
#ed691e rgb(237,105,30)
```

Tetradic Color

#0e76b0
```
#0e76b0 rgb(14,118,176)
```
#1085c8
```
#1085c8 rgb(16,133,200)
```
#1295e0
```
#1295e0 rgb(18,149,224)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#36acef
```
#36acef rgb(54,172,239)
```
#4db6f1
```
#4db6f1 rgb(77,182,241)
```
#65bff3
```
#65bff3 rgb(101,191,243)
```

Monochromatic Color

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

#1ed6ed
```
#1ed6ed rgb(30,214,237)
```
#1ec5ed
```
#1ec5ed rgb(30,197,237)
```
#1eb3ed
```
#1eb3ed rgb(30,179,237)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#1e91ed
```
#1e91ed rgb(30,145,237)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#1e6eed
```
#1e6eed rgb(30,110,237)
```

Similar Colors

Text with hexadecimal color #1ea2ed

This text has a font color of #1ea2ed.

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

#1ea2ed background color

This paragraph has a background color of #1ea2ed.

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

#1ea2ed border color

This element has a border color of #1ea2ed.

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

CSS codes

.text {color:#1ea2ed;}

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

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

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

#01070b
```
#01070b rgb(1,7,11)
```
#02141d
```
#02141d rgb(2,20,29)
```
#04202f
```
#04202f rgb(4,32,47)
```
#052c42
```
#052c42 rgb(5,44,66)
```
#073854
```
#073854 rgb(7,56,84)
```
#084466
```
#084466 rgb(8,68,102)
```
#0a5078
```
#0a5078 rgb(10,80,120)
```
#0b5c8a
```
#0b5c8a rgb(11,92,138)
```
#0d689c
```
#0d689c rgb(13,104,156)
```
#0e74af
```
#0e74af rgb(14,116,175)
```
#0f80c1
```
#0f80c1 rgb(15,128,193)
```
#118dd3
```
#118dd3 rgb(17,141,211)
```
#1299e5
```
#1299e5 rgb(18,153,229)
```

Shade Color Variation

#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#30aaee
```
#30aaee rgb(48,170,238)
```
#42b1f0
```
#42b1f0 rgb(66,177,240)
```
#54b9f1
```
#54b9f1 rgb(84,185,241)
```
#67c0f3
```
#67c0f3 rgb(103,192,243)
```
#79c8f4
```
#79c8f4 rgb(121,200,244)
```
#8bcff6
```
#8bcff6 rgb(139,207,246)
```
#9dd7f7
```
#9dd7f7 rgb(157,215,247)
```
#afdef9
```
#afdef9 rgb(175,222,249)
```
#c1e6fa
```
#c1e6fa rgb(193,230,250)
```
#d4edfc
```
#d4edfc rgb(212,237,252)
```
#e6f5fd
```
#e6f5fd rgb(230,245,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#858686
```
#858686 rgb(133,134,134)
```
#7b8890
```
#7b8890 rgb(123,136,144)
```
#728b99
```
#728b99 rgb(114,139,153)
```
#698da2
```
#698da2 rgb(105,141,162)
```
#5f90ac
```
#5f90ac rgb(95,144,172)
```
#5693b5
```
#5693b5 rgb(86,147,181)
```
#4d95be
```
#4d95be rgb(77,149,190)
```
#4398c8
```
#4398c8 rgb(67,152,200)
```
#3a9ad1
```
#3a9ad1 rgb(58,154,209)
```
#319dda
```
#319dda rgb(49,157,218)
```
#279fe4
```
#279fe4 rgb(39,159,228)
```
#1ea2ed
```
#1ea2ed rgb(30,162,237)
```
#15a5f6
```
#15a5f6 rgb(21,165,246)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6f8998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#839ce6 Protanopia 1% of men
#6d9ff1 Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5e9ee8 Protanomaly 1% of men, 0.01% of women
#50a0ef Deuteranomaly 6% of men, 0.4% of women
#0aaacc Tritanomaly 0.01% of the population

#1ea2ed hex color

#1ea2ed Color Information

#1ea2ed Color Conversion

Color Schemes with #1ea2ed

Alternatives to #1ea2ed

#1ea2ed Preview

Shades and Tints of #1ea2ed

Tones of #1ea2ed

Color Blindness Simulator