colorhexa.com

#2218b9 hex color

In a RGB color space, hex #2218b9 is composed of 13.3% red, 9.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 87% magenta, 0% yellow and 27.5% black. It has a hue angle of 243.7 degrees, a saturation of 77% and a lightness of 41%. #2218b9 color hex could be obtained by blending #4430ff with #000073. Closest websafe color is: #3300cc.

- R 13
- G 9
- B 73
RGB color chart
- C 82
- M 87
- Y 0
- K 27
CMYK color chart

● #2218b9 color description : Strong blue.

The hexadecimal color #2218b9 has RGB values of R:34, G:24, B:185 and CMYK values of C:0.82, M:0.87, Y:0, K:0.27. Its decimal value is 2234553.

Hex triplet	2218b9	`#2218b9`
RGB Decimal	34, 24, 185	`rgb(34,24,185)`
RGB Percent	13.3, 9.4, 72.5	`rgb(13.3%,9.4%,72.5%)`
CMYK	82, 87, 0, 27
HSL	243.7°, 77, 41	`hsl(243.7,77%,41%)`
HSV (or HSB)	243.7°, 87, 72.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.246, 56.206, -79.229
XYZ	9.742, 4.495, 46.251
xyY	0.161, 0.074, 4.495
CIE-LCH	25.246, 97.141, 305.353
CIE-LUV	25.246, -5.704, -92.211
Hunter-Lab	21.203, 44.908, -114.492
Binary	00100010, 00011000, 10111001

#2218b9
```
#2218b9 rgb(34,24,185)
```
#afb918
```
#afb918 rgb(175,185,24)
```

Complementary Color

#185fb9
```
#185fb9 rgb(24,95,185)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#7318b9
```
#7318b9 rgb(115,24,185)
```

Analogous Color

#5eb918
```
#5eb918 rgb(94,185,24)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#b97318
```
#b97318 rgb(185,115,24)
```

Split Complementary Color

#18b922
```
#18b922 rgb(24,185,34)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#b92218
```
#b92218 rgb(185,34,24)
```

Triadic Color

#18afb9
```
#18afb9 rgb(24,175,185)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#b92218
```
#b92218 rgb(185,34,24)
```
#afb918
```
#afb918 rgb(175,185,24)
```

Tetradic Color

#160f75
```
#160f75 rgb(22,15,117)
```
#1a128c
```
#1a128c rgb(26,18,140)
```
#1e15a2
```
#1e15a2 rgb(30,21,162)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#261bd0
```
#261bd0 rgb(38,27,208)
```
#2e22e2
```
#2e22e2 rgb(46,34,226)
```
#4338e5
```
#4338e5 rgb(67,56,229)
```

Monochromatic Color

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

#1836b9
```
#1836b9 rgb(24,54,185)
```
#1829b9
```
#1829b9 rgb(24,41,185)
```
#181bb9
```
#181bb9 rgb(24,27,185)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#2f18b9
```
#2f18b9 rgb(47,24,185)
```
#3d18b9
```
#3d18b9 rgb(61,24,185)
```
#4a18b9
```
#4a18b9 rgb(74,24,185)
```

Similar Colors

Text with hexadecimal color #2218b9

This text has a font color of #2218b9.

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

#2218b9 background color

This paragraph has a background color of #2218b9.

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

#2218b9 border color

This element has a border color of #2218b9.

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

CSS codes

.text {color:#2218b9;}

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

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

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

#02010b
```
#02010b rgb(2,1,11)
```
#05041d
```
#05041d rgb(5,4,29)
```
#08062e
```
#08062e rgb(8,6,46)
```
#0c083f
```
#0c083f rgb(12,8,63)
```
#0f0a51
```
#0f0a51 rgb(15,10,81)
```
#120d62
```
#120d62 rgb(18,13,98)
```
#150f74
```
#150f74 rgb(21,15,116)
```
#181185
```
#181185 rgb(24,17,133)
```
#1c1396
```
#1c1396 rgb(28,19,150)
```
#1f16a8
```
#1f16a8 rgb(31,22,168)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#251aca
```
#251aca rgb(37,26,202)
```
#281ddc
```
#281ddc rgb(40,29,220)
```

Shade Color Variation

#3429e3
```
#3429e3 rgb(52,41,227)
```
#453ae5
```
#453ae5 rgb(69,58,229)
```
#554be8
```
#554be8 rgb(85,75,232)
```
#665dea
```
#665dea rgb(102,93,234)
```
#766eec
```
#766eec rgb(118,110,236)
```
#867fee
```
#867fee rgb(134,127,238)
```
#9791f1
```
#9791f1 rgb(151,145,241)
```
#a7a2f3
```
#a7a2f3 rgb(167,162,243)
```
#b8b4f5
```
#b8b4f5 rgb(184,180,245)
```
#c8c5f7
```
#c8c5f7 rgb(200,197,247)
```
#d8d6fa
```
#d8d6fa rgb(216,214,250)
```
#e9e8fc
```
#e9e8fc rgb(233,232,252)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#686869
```
#686869 rgb(104,104,105)
```
#616071
```
#616071 rgb(97,96,113)
```
#5a5879
```
#5a5879 rgb(90,88,121)
```
#535081
```
#535081 rgb(83,80,129)
```
#4c4889
```
#4c4889 rgb(76,72,137)
```
#454091
```
#454091 rgb(69,64,145)
```
#3e3899
```
#3e3899 rgb(62,56,153)
```
#3730a1
```
#3730a1 rgb(55,48,161)
```
#3028a9
```
#3028a9 rgb(48,40,169)
```
#2920b1
```
#2920b1 rgb(41,32,177)
```
#2218b9
```
#2218b9 rgb(34,24,185)
```
#1b10c1
```
#1b10c1 rgb(27,16,193)
```
#1408c9
```
#1408c9 rgb(20,8,201)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2b2949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004871 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#0c3497 Protanomaly 1% of men, 0.01% of women
#0c368b Deuteranomaly 6% of men, 0.4% of women
#0c3976 Tritanomaly 0.01% of the population