#1868ec hex color

In a RGB color space, hex #1868ec is composed of 9.4% red, 40.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 55.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.4 degrees, a saturation of 84.8% and a lightness of 51%. #1868ec color hex could be obtained by blending #30d0ff with #0000d9. Closest websafe color is: #0066ff.

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

● #1868ec color description : Vivid blue.

The hexadecimal color #1868ec has RGB values of R:24, G:104, B:236 and CMYK values of C:0.9, M:0.56, Y:0, K:0.07. Its decimal value is 1599724.

Hex triplet	1868ec	`#1868ec`
RGB Decimal	24, 104, 236	`rgb(24,104,236)`
RGB Percent	9.4, 40.8, 92.5	`rgb(9.4%,40.8%,92.5%)`
CMYK	90, 56, 0, 7
HSL	217.4°, 84.8, 51	`hsl(217.4,84.8%,51%)`
HSV (or HSB)	217.4°, 89.8, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.17, 27.395, -72.597
XYZ	20.464, 16.149, 81.391
xyY	0.173, 0.137, 16.149
CIE-LCH	47.17, 77.594, 290.674
CIE-LUV	47.17, -22.289, -111.354
Hunter-Lab	40.186, 20.572, -91.953
Binary	00011000, 01101000, 11101100

#1868ec
```
#1868ec rgb(24,104,236)
```
#ec9c18
```
#ec9c18 rgb(236,156,24)
```

Complementary Color

#18d2ec
```
#18d2ec rgb(24,210,236)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#3218ec
```
#3218ec rgb(50,24,236)
```

Analogous Color

#d2ec18
```
#d2ec18 rgb(210,236,24)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#ec3218
```
#ec3218 rgb(236,50,24)
```

Split Complementary Color

#68ec18
```
#68ec18 rgb(104,236,24)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#ec1868
```
#ec1868 rgb(236,24,104)
```

Triadic Color

#18ec9c
```
#18ec9c rgb(24,236,156)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#ec1868
```
#ec1868 rgb(236,24,104)
```
#ec9c18
```
#ec9c18 rgb(236,156,24)
```

Tetradic Color

#0e49aa
```
#0e49aa rgb(14,73,170)
```
#1053c1
```
#1053c1 rgb(16,83,193)
```
#125dd9
```
#125dd9 rgb(18,93,217)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#3077ee
```
#3077ee rgb(48,119,238)
```
#4787f0
```
#4787f0 rgb(71,135,240)
```
#5f96f2
```
#5f96f2 rgb(95,150,242)
```

Monochromatic Color

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

#189dec
```
#189dec rgb(24,157,236)
```
#188bec
```
#188bec rgb(24,139,236)
```
#187aec
```
#187aec rgb(24,122,236)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#1856ec
```
#1856ec rgb(24,86,236)
```
#1845ec
```
#1845ec rgb(24,69,236)
```
#1833ec
```
#1833ec rgb(24,51,236)
```

Similar Colors

Text with hexadecimal color #1868ec

This text has a font color of #1868ec.

<span style="color:#1868ec;">Text here</span>

#1868ec background color

This paragraph has a background color of #1868ec.

<p style="background-color:#1868ec;">Content here</p>

#1868ec border color

This element has a border color of #1868ec.

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

CSS codes

.text {color:#1868ec;}

.background {background-color:#1868ec;}

.border {border:1px solid #1868ec;}

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

#000205
```
#000205 rgb(0,2,5)
```
#020a17
```
#020a17 rgb(2,10,23)
```
#031229
```
#031229 rgb(3,18,41)
```
#05193b
```
#05193b rgb(5,25,59)
```
#06214d
```
#06214d rgb(6,33,77)
```
#08295f
```
#08295f rgb(8,41,95)
```
#093171
```
#093171 rgb(9,49,113)
```
#0b3883
```
#0b3883 rgb(11,56,131)
```
#0c4096
```
#0c4096 rgb(12,64,150)
```
#0e48a8
```
#0e48a8 rgb(14,72,168)
```
#0f50ba
```
#0f50ba rgb(15,80,186)
```
#1157cc
```
#1157cc rgb(17,87,204)
```
#125fde
```
#125fde rgb(18,95,222)
```

Shade Color Variation

#1868ec
```
#1868ec rgb(24,104,236)
```
#2a74ed
```
#2a74ed rgb(42,116,237)
```
#3c80ef
```
#3c80ef rgb(60,128,239)
```
#4e8cf0
```
#4e8cf0 rgb(78,140,240)
```
#6097f2
```
#6097f2 rgb(96,151,242)
```
#73a3f3
```
#73a3f3 rgb(115,163,243)
```
#85aff5
```
#85aff5 rgb(133,175,245)
```
#97bbf6
```
#97bbf6 rgb(151,187,246)
```
#a9c7f8
```
#a9c7f8 rgb(169,199,248)
```
#bbd3f9
```
#bbd3f9 rgb(187,211,249)
```
#cddefb
```
#cddefb rgb(205,222,251)
```
#dfeafc
```
#dfeafc rgb(223,234,252)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#828282
```
#828282 rgb(130,130,130)
```
#78808c
```
#78808c rgb(120,128,140)
```
#6f7d95
```
#6f7d95 rgb(111,125,149)
```
#657b9f
```
#657b9f rgb(101,123,159)
```
#5b79a9
```
#5b79a9 rgb(91,121,169)
```
#5276b2
```
#5276b2 rgb(82,118,178)
```
#4874bc
```
#4874bc rgb(72,116,188)
```
#3e71c6
```
#3e71c6 rgb(62,113,198)
```
#356fcf
```
#356fcf rgb(53,111,207)
```
#2b6dd9
```
#2b6dd9 rgb(43,109,217)
```
#226ae2
```
#226ae2 rgb(34,106,226)
```
#1868ec
```
#1868ec rgb(24,104,236)
```
#0e66f6
```
#0e66f6 rgb(14,102,246)
```

Tone Color Variation

Below, you can see how #1868ec 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

#5f5f5f Achromatopsia 0.005% of the population
#51617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#086fe5 Protanomaly 1% of men, 0.01% of women
#0873d3 Deuteranomaly 6% of men, 0.4% of women
#0879ad Tritanomaly 0.01% of the population

#1868ec hex color

#1868ec Color Information

#1868ec Color Conversion

Color Schemes with #1868ec

Alternatives to #1868ec

#1868ec Preview

Shades and Tints of #1868ec

Tones of #1868ec

Color Blindness Simulator