#1864e0 hex color

In a RGB color space, hex #1864e0 is composed of 9.4% red, 39.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 55.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 217.2 degrees, a saturation of 80.6% and a lightness of 48.6%. #1864e0 color hex could be obtained by blending #30c8ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 9
- G 39
- B 88
RGB color chart
- C 89
- M 55
- Y 0
- K 12
CMYK color chart

● #1864e0 color description : Vivid blue.

The hexadecimal color #1864e0 has RGB values of R:24, G:100, B:224 and CMYK values of C:0.89, M:0.55, Y:0, K:0.12. Its decimal value is 1598688.

Hex triplet	1864e0	`#1864e0`
RGB Decimal	24, 100, 224	`rgb(24,100,224)`
RGB Percent	9.4, 39.2, 87.8	`rgb(9.4%,39.2%,87.8%)`
CMYK	89, 55, 0, 12
HSL	217.2°, 80.6, 48.6	`hsl(217.2,80.6%,48.6%)`
HSV (or HSB)	217.2°, 89.3, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.205, 25.353, -69.025
XYZ	18.385, 14.689, 72.383
xyY	0.174, 0.139, 14.689
CIE-LCH	45.205, 73.534, 290.168
CIE-LUV	45.205, -21.459, -104.805
Hunter-Lab	38.326, 18.558, -85.148
Binary	00011000, 01100100, 11100000

#1864e0
```
#1864e0 rgb(24,100,224)
```
#e09418
```
#e09418 rgb(224,148,24)
```

Complementary Color

#18c8e0
```
#18c8e0 rgb(24,200,224)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#3018e0
```
#3018e0 rgb(48,24,224)
```

Analogous Color

#c8e018
```
#c8e018 rgb(200,224,24)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#e03018
```
#e03018 rgb(224,48,24)
```

Split Complementary Color

#64e018
```
#64e018 rgb(100,224,24)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#e01864
```
#e01864 rgb(224,24,100)
```

Triadic Color

#18e094
```
#18e094 rgb(24,224,148)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#e01864
```
#e01864 rgb(224,24,100)
```
#e09418
```
#e09418 rgb(224,148,24)
```

Tetradic Color

#11459b
```
#11459b rgb(17,69,155)
```
#134fb2
```
#134fb2 rgb(19,79,178)
```
#165ac9
```
#165ac9 rgb(22,90,201)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#2972e8
```
#2972e8 rgb(41,114,232)
```
#4081eb
```
#4081eb rgb(64,129,235)
```
#5790ed
```
#5790ed rgb(87,144,237)
```

Monochromatic Color

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

#1896e0
```
#1896e0 rgb(24,150,224)
```
#1885e0
```
#1885e0 rgb(24,133,224)
```
#1875e0
```
#1875e0 rgb(24,117,224)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#1853e0
```
#1853e0 rgb(24,83,224)
```
#1843e0
```
#1843e0 rgb(24,67,224)
```
#1832e0
```
#1832e0 rgb(24,50,224)
```

Similar Colors

Text with hexadecimal color #1864e0

This text has a font color of #1864e0.

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

#1864e0 background color

This paragraph has a background color of #1864e0.

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

#1864e0 border color

This element has a border color of #1864e0.

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

CSS codes

.text {color:#1864e0;}

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

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

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

#01050b
```
#01050b rgb(1,5,11)
```
#030d1d
```
#030d1d rgb(3,13,29)
```
#05152f
```
#05152f rgb(5,21,47)
```
#071d41
```
#071d41 rgb(7,29,65)
```
#092552
```
#092552 rgb(9,37,82)
```
#0b2d64
```
#0b2d64 rgb(11,45,100)
```
#0d3576
```
#0d3576 rgb(13,53,118)
```
#0f3c87
```
#0f3c87 rgb(15,60,135)
```
#104499
```
#104499 rgb(16,68,153)
```
#124cab
```
#124cab rgb(18,76,171)
```
#1454bd
```
#1454bd rgb(20,84,189)
```
#165cce
```
#165cce rgb(22,92,206)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```

Shade Color Variation

#246ee8
```
#246ee8 rgb(36,110,232)
```
#367ae9
```
#367ae9 rgb(54,122,233)
```
#4886eb
```
#4886eb rgb(72,134,235)
```
#5991ed
```
#5991ed rgb(89,145,237)
```
#6b9def
```
#6b9def rgb(107,157,239)
```
#7da9f1
```
#7da9f1 rgb(125,169,241)
```
#8eb5f3
```
#8eb5f3 rgb(142,181,243)
```
#a0c0f5
```
#a0c0f5 rgb(160,192,245)
```
#b2ccf7
```
#b2ccf7 rgb(178,204,247)
```
#c4d8f9
```
#c4d8f9 rgb(196,216,249)
```
#d5e3fb
```
#d5e3fb rgb(213,227,251)
```
#e7effc
```
#e7effc rgb(231,239,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#777b81
```
#777b81 rgb(119,123,129)
```
#6e798a
```
#6e798a rgb(110,121,138)
```
#647694
```
#647694 rgb(100,118,148)
```
#5b749d
```
#5b749d rgb(91,116,157)
```
#5172a7
```
#5172a7 rgb(81,114,167)
```
#486fb0
```
#486fb0 rgb(72,111,176)
```
#3e6dba
```
#3e6dba rgb(62,109,186)
```
#356bc3
```
#356bc3 rgb(53,107,195)
```
#2b69cd
```
#2b69cd rgb(43,105,205)
```
#2266d6
```
#2266d6 rgb(34,102,214)
```
#1864e0
```
#1864e0 rgb(24,100,224)
```
#0e62ea
```
#0e62ea rgb(14,98,234)
```
#055ff3
```
#055ff3 rgb(5,95,243)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4e5d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075be Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#086bdc Protanomaly 1% of men, 0.01% of women
#086fca Deuteranomaly 6% of men, 0.4% of women
#0874a6 Tritanomaly 0.01% of the population

#1864e0 hex color

#1864e0 Color Information

#1864e0 Color Conversion

Color Schemes with #1864e0

Alternatives to #1864e0

#1864e0 Preview

Shades and Tints of #1864e0

Tones of #1864e0

Color Blindness Simulator