#2218cb hex color

In a RGB color space, hex #2218cb is composed of 13.3% red, 9.4% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 88.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 243.4 degrees, a saturation of 78.9% and a lightness of 44.5%. #2218cb color hex could be obtained by blending #4430ff with #000097. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 9
- B 80
RGB color chart
- C 83
- M 88
- Y 0
- K 20
CMYK color chart

● #2218cb color description : Strong blue.

The hexadecimal color #2218cb has RGB values of R:34, G:24, B:203 and CMYK values of C:0.83, M:0.88, Y:0, K:0.2. Its decimal value is 2234571.

Hex triplet	2218cb	`#2218cb`
RGB Decimal	34, 24, 203	`rgb(34,24,203)`
RGB Percent	13.3, 9.4, 79.6	`rgb(13.3%,9.4%,79.6%)`
CMYK	83, 88, 0, 20
HSL	243.4°, 78.9, 44.5	`hsl(243.4,78.9%,44.5%)`
HSV (or HSB)	243.4°, 88.2, 79.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.585, 61.31, -85.949
XYZ	11.764, 5.304, 56.9
xyY	0.159, 0.072, 5.304
CIE-LCH	27.585, 105.575, 305.501
CIE-LUV	27.585, -6.549, -102.613
Hunter-Lab	23.031, 50.868, -130.359
Binary	00100010, 00011000, 11001011

#2218cb
```
#2218cb rgb(34,24,203)
```
#c1cb18
```
#c1cb18 rgb(193,203,24)
```

Complementary Color

#1868cb
```
#1868cb rgb(24,104,203)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#7c18cb
```
#7c18cb rgb(124,24,203)
```

Analogous Color

#68cb18
```
#68cb18 rgb(104,203,24)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#cb7c18
```
#cb7c18 rgb(203,124,24)
```

Split Complementary Color

#18cb22
```
#18cb22 rgb(24,203,34)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#cb2218
```
#cb2218 rgb(203,34,24)
```

Triadic Color

#18c1cb
```
#18c1cb rgb(24,193,203)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#cb2218
```
#cb2218 rgb(203,34,24)
```
#c1cb18
```
#c1cb18 rgb(193,203,24)
```

Tetradic Color

#171087
```
#171087 rgb(23,16,135)
```
#1a139d
```
#1a139d rgb(26,19,157)
```
#1e15b4
```
#1e15b4 rgb(30,21,180)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#261be2
```
#261be2 rgb(38,27,226)
```
#3a30e6
```
#3a30e6 rgb(58,48,230)
```
#4f46e9
```
#4f46e9 rgb(79,70,233)
```

Monochromatic Color

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

#183bcb
```
#183bcb rgb(24,59,203)
```
#182ccb
```
#182ccb rgb(24,44,203)
```
#181dcb
```
#181dcb rgb(24,29,203)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#3118cb
```
#3118cb rgb(49,24,203)
```
#4018cb
```
#4018cb rgb(64,24,203)
```
#4f18cb
```
#4f18cb rgb(79,24,203)
```

Similar Colors

Text with hexadecimal color #2218cb

This text has a font color of #2218cb.

<span style="color:#2218cb;">Text here</span>

#2218cb background color

This paragraph has a background color of #2218cb.

<p style="background-color:#2218cb;">Content here</p>

#2218cb border color

This element has a border color of #2218cb.

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

CSS codes

.text {color:#2218cb;}

.background {background-color:#2218cb;}

.border {border:1px solid #2218cb;}

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

#02010a
```
#02010a rgb(2,1,10)
```
#05031c
```
#05031c rgb(5,3,28)
```
#08052d
```
#08052d rgb(8,5,45)
```
#0a073f
```
#0a073f rgb(10,7,63)
```
#0d0950
```
#0d0950 rgb(13,9,80)
```
#100c62
```
#100c62 rgb(16,12,98)
```
#130e73
```
#130e73 rgb(19,14,115)
```
#161085
```
#161085 rgb(22,16,133)
```
#191296
```
#191296 rgb(25,18,150)
```
#1c14a8
```
#1c14a8 rgb(28,20,168)
```
#1f16b9
```
#1f16b9 rgb(31,22,185)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#251add
```
#251add rgb(37,26,221)
```

Shade Color Variation

#3025e5
```
#3025e5 rgb(48,37,229)
```
#4037e7
```
#4037e7 rgb(64,55,231)
```
#5148e9
```
#5148e9 rgb(81,72,233)
```
#625aeb
```
#625aeb rgb(98,90,235)
```
#726bee
```
#726bee rgb(114,107,238)
```
#837df0
```
#837df0 rgb(131,125,240)
```
#948ef2
```
#948ef2 rgb(148,142,242)
```
#a4a0f4
```
#a4a0f4 rgb(164,160,244)
```
#b5b1f6
```
#b5b1f6 rgb(181,177,246)
```
#c6c3f8
```
#c6c3f8 rgb(198,195,248)
```
#d7d4fa
```
#d7d4fa rgb(215,212,250)
```
#e7e6fc
```
#e7e6fc rgb(231,230,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706f74 is the less saturated color, while #1207dc is the most saturated one.

#706f74
```
#706f74 rgb(112,111,116)
```
#68677c
```
#68677c rgb(104,103,124)
```
#605e85
```
#605e85 rgb(96,94,133)
```
#58558e
```
#58558e rgb(88,85,142)
```
#514c97
```
#514c97 rgb(81,76,151)
```
#49449f
```
#49449f rgb(73,68,159)
```
#413ba8
```
#413ba8 rgb(65,59,168)
```
#3932b1
```
#3932b1 rgb(57,50,177)
```
#3229ba
```
#3229ba rgb(50,41,186)
```
#2a21c2
```
#2a21c2 rgb(42,33,194)
```
#2218cb
```
#2218cb rgb(34,24,203)
```
#1a0fd4
```
#1a0fd4 rgb(26,15,212)
```
#1207dc
```
#1207dc rgb(18,7,220)
```

Tone Color Variation

Below, you can see how #2218cb 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

#2f2f2f Achromatopsia 0.005% of the population
#2c2a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d79 Deuteranopia 1% of men
#005255 Tritanopia 0.001% of the population

Trichromacy

#0c37a3 Protanomaly 1% of men, 0.01% of women
#0c3997 Deuteranomaly 6% of men, 0.4% of women
#0c3d80 Tritanomaly 0.01% of the population

#2218cb hex color

#2218cb Color Information

#2218cb Color Conversion

Color Schemes with #2218cb

Alternatives to #2218cb

#2218cb Preview

Shades and Tints of #2218cb

Tones of #2218cb

Color Blindness Simulator