#0218a8 hex color

In a RGB color space, hex #0218a8 is composed of 0.8% red, 9.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 85.7% magenta, 0% yellow and 34.1% black. It has a hue angle of 232 degrees, a saturation of 97.6% and a lightness of 33.3%. #0218a8 color hex could be obtained by blending #0430ff with #000051. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 66
RGB color chart
- C 99
- M 86
- Y 0
- K 34
CMYK color chart

● #0218a8 color description : Dark blue.

The hexadecimal color #0218a8 has RGB values of R:2, G:24, B:168 and CMYK values of C:0.99, M:0.86, Y:0, K:0.34. Its decimal value is 137384.

Hex triplet	0218a8	`#0218a8`
RGB Decimal	2, 24, 168	`rgb(2,24,168)`
RGB Percent	0.8, 9.4, 65.9	`rgb(0.8%,9.4%,65.9%)`
CMYK	99, 86, 0, 34
HSL	232°, 97.6, 33.3	`hsl(232,97.6%,33.3%)`
HSV (or HSB)	232°, 98.8, 65.9
Web Safe	000099	`#000099`

CIE-LAB	21.918, 50.236, -74.599
XYZ	7.418, 3.493, 37.327
xyY	0.154, 0.072, 3.493
CIE-LCH	21.918, 89.937, 303.957
CIE-LUV	21.918, -7.156, -81.307
Hunter-Lab	18.689, 38.146, -105.336
Binary	00000010, 00011000, 10101000

#0218a8
```
#0218a8 rgb(2,24,168)
```
#a89202
```
#a89202 rgb(168,146,2)
```

Complementary Color

#026ba8
```
#026ba8 rgb(2,107,168)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#3f02a8
```
#3f02a8 rgb(63,2,168)
```

Analogous Color

#6ba802
```
#6ba802 rgb(107,168,2)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#a83f02
```
#a83f02 rgb(168,63,2)
```

Split Complementary Color

#18a802
```
#18a802 rgb(24,168,2)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#a80218
```
#a80218 rgb(168,2,24)
```

Triadic Color

#02a892
```
#02a892 rgb(2,168,146)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#a80218
```
#a80218 rgb(168,2,24)
```
#a89202
```
#a89202 rgb(168,146,2)
```

Tetradic Color

#010d5c
```
#010d5c rgb(1,13,92)
```
#011176
```
#011176 rgb(1,17,118)
```
#02148f
```
#02148f rgb(2,20,143)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#021cc1
```
#021cc1 rgb(2,28,193)
```
#031fda
```
#031fda rgb(3,31,218)
```
#0323f4
```
#0323f4 rgb(3,35,244)
```

Monochromatic Color

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

#0242a8
```
#0242a8 rgb(2,66,168)
```
#0234a8
```
#0234a8 rgb(2,52,168)
```
#0226a8
```
#0226a8 rgb(2,38,168)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#020aa8
```
#020aa8 rgb(2,10,168)
```
#0802a8
```
#0802a8 rgb(8,2,168)
```
#1602a8
```
#1602a8 rgb(22,2,168)
```

Similar Colors

Text with hexadecimal color #0218a8

This text has a font color of #0218a8.

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

#0218a8 background color

This paragraph has a background color of #0218a8.

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

#0218a8 border color

This element has a border color of #0218a8.

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

CSS codes

.text {color:#0218a8;}

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

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

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, #00020d is the darkest color, while #f9f9ff is the lightest one.

#00020d
```
#00020d rgb(0,2,13)
```
#000520
```
#000520 rgb(0,5,32)
```
#010734
```
#010734 rgb(1,7,52)
```
#010a47
```
#010a47 rgb(1,10,71)
```
#010d5a
```
#010d5a rgb(1,13,90)
```
#01106e
```
#01106e rgb(1,16,110)
```
#021281
```
#021281 rgb(2,18,129)
```
#021595
```
#021595 rgb(2,21,149)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#021bbb
```
#021bbb rgb(2,27,187)
```
#021ecf
```
#021ecf rgb(2,30,207)
```
#0320e2
```
#0320e2 rgb(3,32,226)
```
#0323f6
```
#0323f6 rgb(3,35,246)
```

Shade Color Variation

#102ffc
```
#102ffc rgb(16,47,252)
```
#2340fc
```
#2340fc rgb(35,64,252)
```
#3751fd
```
#3751fd rgb(55,81,253)
```
#4a62fd
```
#4a62fd rgb(74,98,253)
```
#5d73fd
```
#5d73fd rgb(93,115,253)
```
#7183fd
```
#7183fd rgb(113,131,253)
```
#8494fe
```
#8494fe rgb(132,148,254)
```
#98a5fe
```
#98a5fe rgb(152,165,254)
```
#abb6fe
```
#abb6fe rgb(171,182,254)
```
#bec7fe
```
#bec7fe rgb(190,199,254)
```
#d2d8fe
```
#d2d8fe rgb(210,216,254)
```
#e5e9ff
```
#e5e9ff rgb(229,233,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#50525a
```
#50525a rgb(80,82,90)
```
#4a4d60
```
#4a4d60 rgb(74,77,96)
```
#434867
```
#434867 rgb(67,72,103)
```
#3d436d
```
#3d436d rgb(61,67,109)
```
#363e74
```
#363e74 rgb(54,62,116)
```
#303a7a
```
#303a7a rgb(48,58,122)
```
#293581
```
#293581 rgb(41,53,129)
```
#233087
```
#233087 rgb(35,48,135)
```
#1c2b8e
```
#1c2b8e rgb(28,43,142)
```
#162694
```
#162694 rgb(22,38,148)
```
#0f229b
```
#0f229b rgb(15,34,155)
```
#091da1
```
#091da1 rgb(9,29,161)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c203d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#002f88 Protanomaly 1% of men, 0.01% of women
#00327e Deuteranomaly 6% of men, 0.4% of women
#00346a Tritanomaly 0.01% of the population

#0218a8 hex color

#0218a8 Color Information

#0218a8 Color Conversion

Color Schemes with #0218a8

Alternatives to #0218a8

#0218a8 Preview

Shades and Tints of #0218a8

Tones of #0218a8

Color Blindness Simulator