#2244d5 hex color

In a RGB color space, hex #2244d5 is composed of 13.3% red, 26.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 68.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 228.6 degrees, a saturation of 72.5% and a lightness of 48.4%. #2244d5 color hex could be obtained by blending #4488ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 27
- B 84
RGB color chart
- C 84
- M 68
- Y 0
- K 16
CMYK color chart

● #2244d5 color description : Strong blue.

The hexadecimal color #2244d5 has RGB values of R:34, G:68, B:213 and CMYK values of C:0.84, M:0.68, Y:0, K:0.16. Its decimal value is 2245845.

Hex triplet	2244d5	`#2244d5`
RGB Decimal	34, 68, 213	`rgb(34,68,213)`
RGB Percent	13.3, 26.7, 83.5	`rgb(13.3%,26.7%,83.5%)`
CMYK	84, 68, 0, 16
HSL	228.6°, 72.5, 48.4	`hsl(228.6,72.5%,48.4%)`
HSV (or HSB)	228.6°, 84, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.513, 42.25, -76.961
XYZ	14.735, 9.277, 63.961
xyY	0.167, 0.105, 9.277
CIE-LCH	36.513, 87.795, 298.766
CIE-LUV	36.513, -13, -107.685
Hunter-Lab	30.459, 33.048, -103.184
Binary	00100010, 01000100, 11010101

#2244d5
```
#2244d5 rgb(34,68,213)
```
#d5b322
```
#d5b322 rgb(213,179,34)
```

Complementary Color

#229ed5
```
#229ed5 rgb(34,158,213)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#5922d5
```
#5922d5 rgb(89,34,213)
```

Analogous Color

#9ed522
```
#9ed522 rgb(158,213,34)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#d55922
```
#d55922 rgb(213,89,34)
```

Split Complementary Color

#44d522
```
#44d522 rgb(68,213,34)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#d52244
```
#d52244 rgb(213,34,68)
```

Triadic Color

#22d5b3
```
#22d5b3 rgb(34,213,179)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#d52244
```
#d52244 rgb(213,34,68)
```
#d5b322
```
#d5b322 rgb(213,179,34)
```

Tetradic Color

#172f93
```
#172f93 rgb(23,47,147)
```
#1b36a9
```
#1b36a9 rgb(27,54,169)
```
#1e3dbf
```
#1e3dbf rgb(30,61,191)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#3253de
```
#3253de rgb(50,83,222)
```
#4865e2
```
#4865e2 rgb(72,101,226)
```
#5e78e5
```
#5e78e5 rgb(94,120,229)
```

Monochromatic Color

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

#2271d5
```
#2271d5 rgb(34,113,213)
```
#2262d5
```
#2262d5 rgb(34,98,213)
```
#2253d5
```
#2253d5 rgb(34,83,213)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#2235d5
```
#2235d5 rgb(34,53,213)
```
#2226d5
```
#2226d5 rgb(34,38,213)
```
#2d22d5
```
#2d22d5 rgb(45,34,213)
```

Similar Colors

Text with hexadecimal color #2244d5

This text has a font color of #2244d5.

<span style="color:#2244d5;">Text here</span>

#2244d5 background color

This paragraph has a background color of #2244d5.

<p style="background-color:#2244d5;">Content here</p>

#2244d5 border color

This element has a border color of #2244d5.

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

CSS codes

.text {color:#2244d5;}

.background {background-color:#2244d5;}

.border {border:1px solid #2244d5;}

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

#02030a
```
#02030a rgb(2,3,10)
```
#04091b
```
#04091b rgb(4,9,27)
```
#070e2c
```
#070e2c rgb(7,14,44)
```
#0a133d
```
#0a133d rgb(10,19,61)
```
#0c194e
```
#0c194e rgb(12,25,78)
```
#0f1e5f
```
#0f1e5f rgb(15,30,95)
```
#122470
```
#122470 rgb(18,36,112)
```
#142980
```
#142980 rgb(20,41,128)
```
#172e91
```
#172e91 rgb(23,46,145)
```
#1a34a2
```
#1a34a2 rgb(26,52,162)
```
#1d39b3
```
#1d39b3 rgb(29,57,179)
```
#1f3fc4
```
#1f3fc4 rgb(31,63,196)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```

Shade Color Variation

#2d4fdd
```
#2d4fdd rgb(45,79,221)
```
#3e5de0
```
#3e5de0 rgb(62,93,224)
```
#4f6be3
```
#4f6be3 rgb(79,107,227)
```
#6079e6
```
#6079e6 rgb(96,121,230)
```
#7187e8
```
#7187e8 rgb(113,135,232)
```
#8296eb
```
#8296eb rgb(130,150,235)
```
#93a4ee
```
#93a4ee rgb(147,164,238)
```
#a4b2f0
```
#a4b2f0 rgb(164,178,240)
```
#b4c0f3
```
#b4c0f3 rgb(180,192,243)
```
#c5cff6
```
#c5cff6 rgb(197,207,246)
```
#d6ddf8
```
#d6ddf8 rgb(214,221,248)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#787980
```
#787980 rgb(120,121,128)
```
#6e7389
```
#6e7389 rgb(110,115,137)
```
#656d93
```
#656d93 rgb(101,109,147)
```
#5b679c
```
#5b679c rgb(91,103,156)
```
#5261a6
```
#5261a6 rgb(82,97,166)
```
#485caf
```
#485caf rgb(72,92,175)
```
#3f56b9
```
#3f56b9 rgb(63,86,185)
```
#3550c2
```
#3550c2 rgb(53,80,194)
```
#2c4acc
```
#2c4acc rgb(44,74,204)
```
#2244d5
```
#2244d5 rgb(34,68,213)
```
#193edf
```
#193edf rgb(25,62,223)
```
#0f38e8
```
#0f38e8 rgb(15,56,232)
```
#0532f2
```
#0532f2 rgb(5,50,242)
```

Tone Color Variation

Below, you can see how #2244d5 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

#4a4a4a Achromatopsia 0.005% of the population
#424966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0c53bf Protanomaly 1% of men, 0.01% of women
#0c56b0 Deuteranomaly 6% of men, 0.4% of women
#0c5a92 Tritanomaly 0.01% of the population

#2244d5 hex color

#2244d5 Color Information

#2244d5 Color Conversion

Color Schemes with #2244d5

Alternatives to #2244d5

#2244d5 Preview

Shades and Tints of #2244d5

Tones of #2244d5

Color Blindness Simulator