#0218ca hex color

In a RGB color space, hex #0218ca is composed of 0.8% red, 9.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 88.1% magenta, 0% yellow and 20.8% black. It has a hue angle of 233.4 degrees, a saturation of 98% and a lightness of 40%. #0218ca color hex could be obtained by blending #0430ff with #000095. Closest websafe color is: #0000cc.

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

● #0218ca color description : Strong blue.

The hexadecimal color #0218ca has RGB values of R:2, G:24, B:202 and CMYK values of C:0.99, M:0.88, Y:0, K:0.21. Its decimal value is 137418.

Hex triplet	0218ca	`#0218ca`
RGB Decimal	2, 24, 202	`rgb(2,24,202)`
RGB Percent	0.8, 9.4, 79.2	`rgb(0.8%,9.4%,79.2%)`
CMYK	99, 88, 0, 21
HSL	233.4°, 98, 40	`hsl(233.4,98%,40%)`
HSV (or HSB)	233.4°, 99, 79.2
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.533, 60.405, -87.141
XYZ	11.01, 4.93, 56.245
xyY	0.153, 0.068, 4.93
CIE-LCH	26.533, 106.03, 304.729
CIE-LUV	26.533, -8.36, -101.221
Hunter-Lab	22.203, 49.663, -134.655
Binary	00000010, 00011000, 11001010

#0218ca
```
#0218ca rgb(2,24,202)
```
#cab402
```
#cab402 rgb(202,180,2)
```

Complementary Color

#027cca
```
#027cca rgb(2,124,202)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#5002ca
```
#5002ca rgb(80,2,202)
```

Analogous Color

#7cca02
```
#7cca02 rgb(124,202,2)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#ca5002
```
#ca5002 rgb(202,80,2)
```

Split Complementary Color

#18ca02
```
#18ca02 rgb(24,202,2)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#ca0218
```
#ca0218 rgb(202,2,24)
```

Triadic Color

#02cab4
```
#02cab4 rgb(2,202,180)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#ca0218
```
#ca0218 rgb(202,2,24)
```
#cab402
```
#cab402 rgb(202,180,2)
```

Tetradic Color

#010f7e
```
#010f7e rgb(1,15,126)
```
#011298
```
#011298 rgb(1,18,152)
```
#0215b1
```
#0215b1 rgb(2,21,177)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#021be3
```
#021be3 rgb(2,27,227)
```
#021efd
```
#021efd rgb(2,30,253)
```
#1c35fd
```
#1c35fd rgb(28,53,253)
```

Monochromatic Color

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

#024aca
```
#024aca rgb(2,74,202)
```
#0239ca
```
#0239ca rgb(2,57,202)
```
#0229ca
```
#0229ca rgb(2,41,202)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#0207ca
```
#0207ca rgb(2,7,202)
```
#0d02ca
```
#0d02ca rgb(13,2,202)
```
#1e02ca
```
#1e02ca rgb(30,2,202)
```

Similar Colors

Text with hexadecimal color #0218ca

This text has a font color of #0218ca.

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

#0218ca background color

This paragraph has a background color of #0218ca.

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

#0218ca border color

This element has a border color of #0218ca.

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

CSS codes

.text {color:#0218ca;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00031b
```
#00031b rgb(0,3,27)
```
#00062f
```
#00062f rgb(0,6,47)
```
#010842
```
#010842 rgb(1,8,66)
```
#010a55
```
#010a55 rgb(1,10,85)
```
#010c69
```
#010c69 rgb(1,12,105)
```
#010f7c
```
#010f7c rgb(1,15,124)
```
#011190
```
#011190 rgb(1,17,144)
```
#0213a3
```
#0213a3 rgb(2,19,163)
```
#0216b7
```
#0216b7 rgb(2,22,183)
```
#0218ca
```
#0218ca rgb(2,24,202)
```
#021add
```
#021add rgb(2,26,221)
```
#021df1
```
#021df1 rgb(2,29,241)
```

Shade Color Variation

#0a25fd
```
#0a25fd rgb(10,37,253)
```
#1e36fd
```
#1e36fd rgb(30,54,253)
```
#3148fd
```
#3148fd rgb(49,72,253)
```
#4559fd
```
#4559fd rgb(69,89,253)
```
#586afd
```
#586afd rgb(88,106,253)
```
#6b7bfe
```
#6b7bfe rgb(107,123,254)
```
#7f8dfe
```
#7f8dfe rgb(127,141,254)
```
#929efe
```
#929efe rgb(146,158,254)
```
#a6affe
```
#a6affe rgb(166,175,254)
```
#b9c1fe
```
#b9c1fe rgb(185,193,254)
```
#cdd2ff
```
#cdd2ff rgb(205,210,255)
```
#e0e3ff
```
#e0e3ff rgb(224,227,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#60616c
```
#60616c rgb(96,97,108)
```
#585b74
```
#585b74 rgb(88,91,116)
```
#50557c
```
#50557c rgb(80,85,124)
```
#494f83
```
#494f83 rgb(73,79,131)
```
#41498b
```
#41498b rgb(65,73,139)
```
#394393
```
#394393 rgb(57,67,147)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#2937a3
```
#2937a3 rgb(41,55,163)
```
#2130ab
```
#2130ab rgb(33,48,171)
```
#1a2ab2
```
#1a2ab2 rgb(26,42,178)
```
#1224ba
```
#1224ba rgb(18,36,186)
```
#0a1ec2
```
#0a1ec2 rgb(10,30,194)
```
#0218ca
```
#0218ca rgb(2,24,202)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#1f2347 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#0035a0 Protanomaly 1% of men, 0.01% of women
#003894 Deuteranomaly 6% of men, 0.4% of women
#003b7e Tritanomaly 0.01% of the population

#0218ca hex color

#0218ca Color Information

#0218ca Color Conversion

Color Schemes with #0218ca

Alternatives to #0218ca

#0218ca Preview

Shades and Tints of #0218ca

Tones of #0218ca

Color Blindness Simulator