#2118f0 hex color

In a RGB color space, hex #2118f0 is composed of 12.9% red, 9.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 90% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.5 degrees, a saturation of 87.8% and a lightness of 51.8%. #2118f0 color hex could be obtained by blending #4230ff with #0000e1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 9
- B 94
RGB color chart
- C 86
- M 90
- Y 0
- K 6
CMYK color chart

● #2118f0 color description : Vivid blue.

The hexadecimal color #2118f0 has RGB values of R:33, G:24, B:240 and CMYK values of C:0.86, M:0.9, Y:0, K:0.06. Its decimal value is 2169072.

Hex triplet	2118f0	`#2118f0`
RGB Decimal	33, 24, 240	`rgb(33,24,240)`
RGB Percent	12.9, 9.4, 94.1	`rgb(12.9%,9.4%,94.1%)`
CMYK	86, 90, 0, 6
HSL	242.5°, 87.8, 51.8	`hsl(242.5,87.8%,51.8%)`
HSV (or HSB)	242.5°, 90, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.406, 71.28, -99.208
XYZ	16.679, 7.267, 82.957
xyY	0.156, 0.068, 7.267
CIE-LCH	32.406, 122.16, 305.697
CIE-LUV	32.406, -8.307, -123.742
Hunter-Lab	26.957, 63.269, -163.59
Binary	00100001, 00011000, 11110000

#2118f0
```
#2118f0 rgb(33,24,240)
```
#e7f018
```
#e7f018 rgb(231,240,24)
```

Complementary Color

#187bf0
```
#187bf0 rgb(24,123,240)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#8d18f0
```
#8d18f0 rgb(141,24,240)
```

Analogous Color

#7bf018
```
#7bf018 rgb(123,240,24)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#f08d18
```
#f08d18 rgb(240,141,24)
```

Split Complementary Color

#18f021
```
#18f021 rgb(24,240,33)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#f02118
```
#f02118 rgb(240,33,24)
```

Triadic Color

#18e7f0
```
#18e7f0 rgb(24,231,240)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#f02118
```
#f02118 rgb(240,33,24)
```
#e7f018
```
#e7f018 rgb(231,240,24)
```

Tetradic Color

#120bb0
```
#120bb0 rgb(18,11,176)
```
#150dc8
```
#150dc8 rgb(21,13,200)
```
#170fe0
```
#170fe0 rgb(23,15,224)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#3830f2
```
#3830f2 rgb(56,48,242)
```
#4f48f3
```
#4f48f3 rgb(79,72,243)
```
#6660f5
```
#6660f5 rgb(102,96,245)
```

Monochromatic Color

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

#1845f0
```
#1845f0 rgb(24,69,240)
```
#1833f0
```
#1833f0 rgb(24,51,240)
```
#1821f0
```
#1821f0 rgb(24,33,240)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#3318f0
```
#3318f0 rgb(51,24,240)
```
#4518f0
```
#4518f0 rgb(69,24,240)
```
#5718f0
```
#5718f0 rgb(87,24,240)
```

Similar Colors

Text with hexadecimal color #2118f0

This text has a font color of #2118f0.

<span style="color:#2118f0;">Text here</span>

#2118f0 background color

This paragraph has a background color of #2118f0.

<p style="background-color:#2118f0;">Content here</p>

#2118f0 border color

This element has a border color of #2118f0.

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

CSS codes

.text {color:#2118f0;}

.background {background-color:#2118f0;}

.border {border:1px solid #2118f0;}

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

#010108
```
#010108 rgb(1,1,8)
```
#03021b
```
#03021b rgb(3,2,27)
```
#05032d
```
#05032d rgb(5,3,45)
```
#070440
```
#070440 rgb(7,4,64)
```
#090552
```
#090552 rgb(9,5,82)
```
#0a0765
```
#0a0765 rgb(10,7,101)
```
#0c0877
```
#0c0877 rgb(12,8,119)
```
#0e0989
```
#0e0989 rgb(14,9,137)
```
#100a9c
```
#100a9c rgb(16,10,156)
```
#120bae
```
#120bae rgb(18,11,174)
```
#140dc1
```
#140dc1 rgb(20,13,193)
```
#160ed3
```
#160ed3 rgb(22,14,211)
```
#180fe5
```
#180fe5 rgb(24,15,229)
```

Shade Color Variation

#2118f0
```
#2118f0 rgb(33,24,240)
```
#332af1
```
#332af1 rgb(51,42,241)
```
#443df2
```
#443df2 rgb(68,61,242)
```
#564ff4
```
#564ff4 rgb(86,79,244)
```
#6862f5
```
#6862f5 rgb(104,98,245)
```
#7a74f6
```
#7a74f6 rgb(122,116,246)
```
#8b87f7
```
#8b87f7 rgb(139,135,247)
```
#9d99f8
```
#9d99f8 rgb(157,153,248)
```
#afabfa
```
#afabfa rgb(175,171,250)
```
#c0befb
```
#c0befb rgb(192,190,251)
```
#d2d0fc
```
#d2d0fc rgb(210,208,252)
```
#e4e3fd
```
#e4e3fd rgb(228,227,253)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#808088
```
#808088 rgb(128,128,136)
```
#787791
```
#787791 rgb(120,119,145)
```
#6f6d9b
```
#6f6d9b rgb(111,109,155)
```
#6664a4
```
#6664a4 rgb(102,100,164)
```
#5e5aae
```
#5e5aae rgb(94,90,174)
```
#5551b7
```
#5551b7 rgb(85,81,183)
```
#4c47c1
```
#4c47c1 rgb(76,71,193)
```
#443eca
```
#443eca rgb(68,62,202)
```
#3b34d4
```
#3b34d4 rgb(59,52,212)
```
#322bdd
```
#322bdd rgb(50,43,221)
```
#2a21e7
```
#2a21e7 rgb(42,33,231)
```
#2118f0
```
#2118f0 rgb(33,24,240)
```
#180ff9
```
#180ff9 rgb(24,15,249)
```

Tone Color Variation

Below, you can see how #2118f0 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

#333333 Achromatopsia 0.005% of the population
#2f2e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588a Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#0c3dbd Protanomaly 1% of men, 0.01% of women
#0c40af Deuteranomaly 6% of men, 0.4% of women
#0c4495 Tritanomaly 0.01% of the population

#2118f0 hex color

#2118f0 Color Information

#2118f0 Color Conversion

Color Schemes with #2118f0

Alternatives to #2118f0

#2118f0 Preview

Shades and Tints of #2118f0

Tones of #2118f0

Color Blindness Simulator