#1858ed hex color

In a RGB color space, hex #1858ed is composed of 9.4% red, 34.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 62.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 222 degrees, a saturation of 85.5% and a lightness of 51.2%. #1858ed color hex could be obtained by blending #30b0ff with #0000db. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 35
- B 93
RGB color chart
- C 90
- M 63
- Y 0
- K 7
CMYK color chart

● #1858ed color description : Vivid blue.

The hexadecimal color #1858ed has RGB values of R:24, G:88, B:237 and CMYK values of C:0.9, M:0.63, Y:0, K:0.07. Its decimal value is 1595629.

Hex triplet	1858ed	`#1858ed`
RGB Decimal	24, 88, 237	`rgb(24,88,237)`
RGB Percent	9.4, 34.5, 92.9	`rgb(9.4%,34.5%,92.9%)`
CMYK	90, 63, 0, 7
HSL	222°, 85.5, 51.2	`hsl(222,85.5%,51.2%)`
HSV (or HSB)	222°, 89.9, 92.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.192, 37.98, -79.664
XYZ	19.149, 13.286, 81.671
xyY	0.168, 0.116, 13.286
CIE-LCH	43.192, 88.254, 295.49
CIE-LUV	43.192, -18.287, -118.096
Hunter-Lab	36.451, 29.986, -107.33
Binary	00011000, 01011000, 11101101

#1858ed
```
#1858ed rgb(24,88,237)
```
#edad18
```
#edad18 rgb(237,173,24)
```

Complementary Color

#18c3ed
```
#18c3ed rgb(24,195,237)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#4218ed
```
#4218ed rgb(66,24,237)
```

Analogous Color

#c3ed18
```
#c3ed18 rgb(195,237,24)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#ed4318
```
#ed4318 rgb(237,67,24)
```

Split Complementary Color

#58ed18
```
#58ed18 rgb(88,237,24)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#ed1858
```
#ed1858 rgb(237,24,88)
```

Triadic Color

#18edad
```
#18edad rgb(24,237,173)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#ed1858
```
#ed1858 rgb(237,24,88)
```
#edad18
```
#edad18 rgb(237,173,24)
```

Tetradic Color

#0d3dab
```
#0d3dab rgb(13,61,171)
```
#0f45c3
```
#0f45c3 rgb(15,69,195)
```
#114eda
```
#114eda rgb(17,78,218)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#3069ef
```
#3069ef rgb(48,105,239)
```
#477af1
```
#477af1 rgb(71,122,241)
```
#5f8bf3
```
#5f8bf3 rgb(95,139,243)
```

Monochromatic Color

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

#188ded
```
#188ded rgb(24,141,237)
```
#187ced
```
#187ced rgb(24,124,237)
```
#186aed
```
#186aed rgb(24,106,237)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#1846ed
```
#1846ed rgb(24,70,237)
```
#1834ed
```
#1834ed rgb(24,52,237)
```
#1823ed
```
#1823ed rgb(24,35,237)
```

Similar Colors

Text with hexadecimal color #1858ed

This text has a font color of #1858ed.

<span style="color:#1858ed;">Text here</span>

#1858ed background color

This paragraph has a background color of #1858ed.

<p style="background-color:#1858ed;">Content here</p>

#1858ed border color

This element has a border color of #1858ed.

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

CSS codes

.text {color:#1858ed;}

.background {background-color:#1858ed;}

.border {border:1px solid #1858ed;}

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, #000206 is the darkest color, while #f2f6fe is the lightest one.

#000206
```
#000206 rgb(0,2,6)
```
#020818
```
#020818 rgb(2,8,24)
```
#030f2a
```
#030f2a rgb(3,15,42)
```
#05153c
```
#05153c rgb(5,21,60)
```
#061c4e
```
#061c4e rgb(6,28,78)
```
#082261
```
#082261 rgb(8,34,97)
```
#092973
```
#092973 rgb(9,41,115)
```
#0a2f85
```
#0a2f85 rgb(10,47,133)
```
#0c3697
```
#0c3697 rgb(12,54,151)
```
#0d3ca9
```
#0d3ca9 rgb(13,60,169)
```
#0f43bc
```
#0f43bc rgb(15,67,188)
```
#1049ce
```
#1049ce rgb(16,73,206)
```
#114fe0
```
#114fe0 rgb(17,79,224)
```

Shade Color Variation

#1858ed
```
#1858ed rgb(24,88,237)
```
#2a65ee
```
#2a65ee rgb(42,101,238)
```
#3c72f0
```
#3c72f0 rgb(60,114,240)
```
#4f7ff1
```
#4f7ff1 rgb(79,127,241)
```
#618df3
```
#618df3 rgb(97,141,243)
```
#739af4
```
#739af4 rgb(115,154,244)
```
#85a7f6
```
#85a7f6 rgb(133,167,246)
```
#97b4f7
```
#97b4f7 rgb(151,180,247)
```
#aac1f8
```
#aac1f8 rgb(170,193,248)
```
#bccefa
```
#bccefa rgb(188,206,250)
```
#cedcfb
```
#cedcfb rgb(206,220,251)
```
#e0e9fd
```
#e0e9fd rgb(224,233,253)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#818284
```
#818284 rgb(129,130,132)
```
#787e8d
```
#787e8d rgb(120,126,141)
```
#6e7a97
```
#6e7a97 rgb(110,122,151)
```
#6577a0
```
#6577a0 rgb(101,119,160)
```
#5b73aa
```
#5b73aa rgb(91,115,170)
```
#516fb4
```
#516fb4 rgb(81,111,180)
```
#486bbd
```
#486bbd rgb(72,107,189)
```
#3e67c7
```
#3e67c7 rgb(62,103,199)
```
#3563d0
```
#3563d0 rgb(53,99,208)
```
#2b60da
```
#2b60da rgb(43,96,218)
```
#225ce3
```
#225ce3 rgb(34,92,227)
```
#1858ed
```
#1858ed rgb(24,88,237)
```
#0e54f7
```
#0e54f7 rgb(14,84,247)
```

Tone Color Variation

Below, you can see how #1858ed 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

#565656 Achromatopsia 0.005% of the population
#4a5674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0863da Protanomaly 1% of men, 0.01% of women
#0867c9 Deuteranomaly 6% of men, 0.4% of women
#086ca6 Tritanomaly 0.01% of the population

#1858ed hex color

#1858ed Color Information

#1858ed Color Conversion

Color Schemes with #1858ed

Alternatives to #1858ed

#1858ed Preview

Shades and Tints of #1858ed

Tones of #1858ed

Color Blindness Simulator