#0218e0 hex color

In a RGB color space, hex #0218e0 is composed of 0.8% red, 9.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 89.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 234.1 degrees, a saturation of 98.2% and a lightness of 44.3%. #0218e0 color hex could be obtained by blending #0430ff with #0000c1. Closest websafe color is: #0000cc.

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

● #0218e0 color description : Vivid blue.

The hexadecimal color #0218e0 has RGB values of R:2, G:24, B:224 and CMYK values of C:0.99, M:0.89, Y:0, K:0.12. Its decimal value is 137440.

Hex triplet	0218e0	`#0218e0`
RGB Decimal	2, 24, 224	`rgb(2,24,224)`
RGB Percent	0.8, 9.4, 87.8	`rgb(0.8%,9.4%,87.8%)`
CMYK	99, 89, 0, 12
HSL	234.1°, 98.2, 44.3	`hsl(234.1,98.2%,44.3%)`
HSV (or HSB)	234.1°, 99.1, 87.8
Web Safe	0000cc	`#0000cc`

CIE-LAB	29.53, 66.565, -94.896
XYZ	13.804, 6.047, 70.957
xyY	0.152, 0.067, 6.047
CIE-LCH	29.53, 115.914, 305.048
CIE-LUV	29.53, -9.163, -113.964
Hunter-Lab	24.59, 57.165, -153.87
Binary	00000010, 00011000, 11100000

#0218e0
```
#0218e0 rgb(2,24,224)
```
#e0ca02
```
#e0ca02 rgb(224,202,2)
```

Complementary Color

#0287e0
```
#0287e0 rgb(2,135,224)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#5b02e0
```
#5b02e0 rgb(91,2,224)
```

Analogous Color

#87e002
```
#87e002 rgb(135,224,2)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#e05b02
```
#e05b02 rgb(224,91,2)
```

Split Complementary Color

#18e002
```
#18e002 rgb(24,224,2)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#e00218
```
#e00218 rgb(224,2,24)
```

Triadic Color

#02e0ca
```
#02e0ca rgb(2,224,202)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#e00218
```
#e00218 rgb(224,2,24)
```
#e0ca02
```
#e0ca02 rgb(224,202,2)
```

Tetradic Color

#011094
```
#011094 rgb(1,16,148)
```
#0213ad
```
#0213ad rgb(2,19,173)
```
#0215c7
```
#0215c7 rgb(2,21,199)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#021bf9
```
#021bf9 rgb(2,27,249)
```
#182ffd
```
#182ffd rgb(24,47,253)
```
#3146fd
```
#3146fd rgb(49,70,253)
```

Monochromatic Color

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

#0250e0
```
#0250e0 rgb(2,80,224)
```
#023de0
```
#023de0 rgb(2,61,224)
```
#022be0
```
#022be0 rgb(2,43,224)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#0206e0
```
#0206e0 rgb(2,6,224)
```
#1102e0
```
#1102e0 rgb(17,2,224)
```
#2302e0
```
#2302e0 rgb(35,2,224)
```

Similar Colors

Text with hexadecimal color #0218e0

This text has a font color of #0218e0.

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

#0218e0 background color

This paragraph has a background color of #0218e0.

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

#0218e0 border color

This element has a border color of #0218e0.

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

CSS codes

.text {color:#0218e0;}

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

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

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, #00010a is the darkest color, while #f6f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#00031e
```
#00031e rgb(0,3,30)
```
#000531
```
#000531 rgb(0,5,49)
```
#010744
```
#010744 rgb(1,7,68)
```
#010958
```
#010958 rgb(1,9,88)
```
#010c6b
```
#010c6b rgb(1,12,107)
```
#010e7f
```
#010e7f rgb(1,14,127)
```
#011092
```
#011092 rgb(1,16,146)
```
#0112a6
```
#0112a6 rgb(1,18,166)
```
#0214b9
```
#0214b9 rgb(2,20,185)
```
#0216cd
```
#0216cd rgb(2,22,205)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```
#021af3
```
#021af3 rgb(2,26,243)
```

Shade Color Variation

#0c24fd
```
#0c24fd rgb(12,36,253)
```
#2036fd
```
#2036fd rgb(32,54,253)
```
#3347fd
```
#3347fd rgb(51,71,253)
```
#4759fd
```
#4759fd rgb(71,89,253)
```
#5a6afe
```
#5a6afe rgb(90,106,254)
```
#6e7cfe
```
#6e7cfe rgb(110,124,254)
```
#818dfe
```
#818dfe rgb(129,141,254)
```
#949ffe
```
#949ffe rgb(148,159,254)
```
#a8b0fe
```
#a8b0fe rgb(168,176,254)
```
#bbc2fe
```
#bbc2fe rgb(187,194,254)
```
#cfd4ff
```
#cfd4ff rgb(207,212,255)
```
#e2e5ff
```
#e2e5ff rgb(226,229,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c78 is the less saturated color, while #0218e0 is the most saturated one.

#6a6c78
```
#6a6c78 rgb(106,108,120)
```
#626580
```
#626580 rgb(98,101,128)
```
#595e89
```
#595e89 rgb(89,94,137)
```
#505792
```
#505792 rgb(80,87,146)
```
#48509a
```
#48509a rgb(72,80,154)
```
#3f49a3
```
#3f49a3 rgb(63,73,163)
```
#3642ac
```
#3642ac rgb(54,66,172)
```
#2d3bb5
```
#2d3bb5 rgb(45,59,181)
```
#2534bd
```
#2534bd rgb(37,52,189)
```
#1c2dc6
```
#1c2dc6 rgb(28,45,198)
```
#1326cf
```
#1326cf rgb(19,38,207)
```
#0b1fd7
```
#0b1fd7 rgb(11,31,215)
```
#0218e0
```
#0218e0 rgb(2,24,224)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#20254d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005180 Deuteranopia 1% of men
#00575a Tritanopia 0.001% of the population

Trichromacy

#0039b0 Protanomaly 1% of men, 0.01% of women
#003ca3 Deuteranomaly 6% of men, 0.4% of women
#00408b Tritanomaly 0.01% of the population

#0218e0 hex color

#0218e0 Color Information

#0218e0 Color Conversion

Color Schemes with #0218e0

Alternatives to #0218e0

#0218e0 Preview

Shades and Tints of #0218e0

Tones of #0218e0

Color Blindness Simulator