#1864ea hex color

In a RGB color space, hex #1864ea is composed of 9.4% red, 39.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 57.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 218.3 degrees, a saturation of 83.3% and a lightness of 50.6%. #1864ea color hex could be obtained by blending #30c8ff with #0000d5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 39
- B 92
RGB color chart
- C 90
- M 57
- Y 0
- K 8
CMYK color chart

● #1864ea color description : Vivid blue.

The hexadecimal color #1864ea has RGB values of R:24, G:100, B:234 and CMYK values of C:0.9, M:0.57, Y:0, K:0.08. Its decimal value is 1598698.

Hex triplet	1864ea	`#1864ea`
RGB Decimal	24, 100, 234	`rgb(24,100,234)`
RGB Percent	9.4, 39.2, 91.8	`rgb(9.4%,39.2%,91.8%)`
CMYK	90, 57, 0, 8
HSL	218.3°, 83.3, 50.6	`hsl(218.3,83.3%,50.6%)`
HSV (or HSB)	218.3°, 89.7, 91.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.971, 29.193, -73.426
XYZ	19.782, 15.247, 79.738
xyY	0.172, 0.133, 15.247
CIE-LCH	45.971, 79.017, 291.682
CIE-LUV	45.971, -21.273, -111.735
Hunter-Lab	39.048, 22.096, -93.74
Binary	00011000, 01100100, 11101010

#1864ea
```
#1864ea rgb(24,100,234)
```
#ea9e18
```
#ea9e18 rgb(234,158,24)
```

Complementary Color

#18cdea
```
#18cdea rgb(24,205,234)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#3518ea
```
#3518ea rgb(53,24,234)
```

Analogous Color

#cdea18
```
#cdea18 rgb(205,234,24)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#ea3518
```
#ea3518 rgb(234,53,24)
```

Split Complementary Color

#64ea18
```
#64ea18 rgb(100,234,24)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#ea1864
```
#ea1864 rgb(234,24,100)
```

Triadic Color

#18ea9e
```
#18ea9e rgb(24,234,158)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#ea1864
```
#ea1864 rgb(234,24,100)
```
#ea9e18
```
#ea9e18 rgb(234,158,24)
```

Tetradic Color

#0f46a6
```
#0f46a6 rgb(15,70,166)
```
#1150be
```
#1150be rgb(17,80,190)
```
#1359d5
```
#1359d5 rgb(19,89,213)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#4783ee
```
#4783ee rgb(71,131,238)
```
#5e93f0
```
#5e93f0 rgb(94,147,240)
```

Monochromatic Color

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

#1899ea
```
#1899ea rgb(24,153,234)
```
#1887ea
```
#1887ea rgb(24,135,234)
```
#1876ea
```
#1876ea rgb(24,118,234)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#1853ea
```
#1853ea rgb(24,83,234)
```
#1841ea
```
#1841ea rgb(24,65,234)
```
#182fea
```
#182fea rgb(24,47,234)
```

Similar Colors

Text with hexadecimal color #1864ea

This text has a font color of #1864ea.

<span style="color:#1864ea;">Text here</span>

#1864ea background color

This paragraph has a background color of #1864ea.

<p style="background-color:#1864ea;">Content here</p>

#1864ea border color

This element has a border color of #1864ea.

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

CSS codes

.text {color:#1864ea;}

.background {background-color:#1864ea;}

.border {border:1px solid #1864ea;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020915
```
#020915 rgb(2,9,21)
```
#041027
```
#041027 rgb(4,16,39)
```
#051839
```
#051839 rgb(5,24,57)
```
#071f4b
```
#071f4b rgb(7,31,75)
```
#08275d
```
#08275d rgb(8,39,93)
```
#0a2e6f
```
#0a2e6f rgb(10,46,111)
```
#0c3681
```
#0c3681 rgb(12,54,129)
```
#0d3e93
```
#0d3e93 rgb(13,62,147)
```
#0f45a5
```
#0f45a5 rgb(15,69,165)
```
#114db7
```
#114db7 rgb(17,77,183)
```
#1254c9
```
#1254c9 rgb(18,84,201)
```
#145cdb
```
#145cdb rgb(20,92,219)
```

Shade Color Variation

#1864ea
```
#1864ea rgb(24,100,234)
```
#2a70ec
```
#2a70ec rgb(42,112,236)
```
#3c7ced
```
#3c7ced rgb(60,124,237)
```
#4e88ef
```
#4e88ef rgb(78,136,239)
```
#6094f1
```
#6094f1 rgb(96,148,241)
```
#72a0f2
```
#72a0f2 rgb(114,160,242)
```
#84acf4
```
#84acf4 rgb(132,172,244)
```
#96b8f5
```
#96b8f5 rgb(150,184,245)
```
#a8c5f7
```
#a8c5f7 rgb(168,197,247)
```
#bad1f9
```
#bad1f9 rgb(186,209,249)
```
#ccddfa
```
#ccddfa rgb(204,221,250)
```
#dee9fc
```
#dee9fc rgb(222,233,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797f89 is the less saturated color, while #055ffd is the most saturated one.

#797f89
```
#797f89 rgb(121,127,137)
```
#6f7c93
```
#6f7c93 rgb(111,124,147)
```
#66799c
```
#66799c rgb(102,121,156)
```
#5c77a6
```
#5c77a6 rgb(92,119,166)
```
#5274b0
```
#5274b0 rgb(82,116,176)
```
#4871ba
```
#4871ba rgb(72,113,186)
```
#3f6fc3
```
#3f6fc3 rgb(63,111,195)
```
#356ccd
```
#356ccd rgb(53,108,205)
```
#2b69d7
```
#2b69d7 rgb(43,105,215)
```
#2267e0
```
#2267e0 rgb(34,103,224)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#0e61f4
```
#0e61f4 rgb(14,97,244)
```
#055ffd
```
#055ffd rgb(5,95,253)
```

Tone Color Variation

Below, you can see how #1864ea 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

#5d5d5d Achromatopsia 0.005% of the population
#4f5e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#086ce1 Protanomaly 1% of men, 0.01% of women
#0870cf Deuteranomaly 6% of men, 0.4% of women
#0875aa Tritanomaly 0.01% of the population

#1864ea hex color

#1864ea Color Information

#1864ea Color Conversion

Color Schemes with #1864ea

Alternatives to #1864ea

#1864ea Preview

Shades and Tints of #1864ea

Tones of #1864ea

Color Blindness Simulator