#2242d5 hex color

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

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

● #2242d5 color description : Strong blue.

The hexadecimal color #2242d5 has RGB values of R:34, G:66, B:213 and CMYK values of C:0.84, M:0.69, Y:0, K:0.16. Its decimal value is 2245333.

Hex triplet	2242d5	`#2242d5`
RGB Decimal	34, 66, 213	`rgb(34,66,213)`
RGB Percent	13.3, 25.9, 83.5	`rgb(13.3%,25.9%,83.5%)`
CMYK	84, 69, 0, 16
HSL	229.3°, 72.5, 48.4	`hsl(229.3,72.5%,48.4%)`
HSV (or HSB)	229.3°, 84, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.06, 43.476, -77.707
XYZ	14.616, 9.04, 63.922
xyY	0.167, 0.103, 9.04
CIE-LCH	36.06, 89.042, 299.227
CIE-LUV	36.06, -12.602, -108.024
Hunter-Lab	30.066, 34.158, -105.008
Binary	00100010, 01000010, 11010101

#2242d5
```
#2242d5 rgb(34,66,213)
```
#d5b522
```
#d5b522 rgb(213,181,34)
```

Complementary Color

#229cd5
```
#229cd5 rgb(34,156,213)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#5b22d5
```
#5b22d5 rgb(91,34,213)
```

Analogous Color

#9cd522
```
#9cd522 rgb(156,213,34)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#d55b22
```
#d55b22 rgb(213,91,34)
```

Split Complementary Color

#42d522
```
#42d522 rgb(66,213,34)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#d52242
```
#d52242 rgb(213,34,66)
```

Triadic Color

#22d5b5
```
#22d5b5 rgb(34,213,181)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#d52242
```
#d52242 rgb(213,34,66)
```
#d5b522
```
#d5b522 rgb(213,181,34)
```

Tetradic Color

#172e93
```
#172e93 rgb(23,46,147)
```
#1b34a9
```
#1b34a9 rgb(27,52,169)
```
#1e3bbf
```
#1e3bbf rgb(30,59,191)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#3251de
```
#3251de rgb(50,81,222)
```
#4864e2
```
#4864e2 rgb(72,100,226)
```
#5e76e5
```
#5e76e5 rgb(94,118,229)
```

Monochromatic Color

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

#226fd5
```
#226fd5 rgb(34,111,213)
```
#2260d5
```
#2260d5 rgb(34,96,213)
```
#2251d5
```
#2251d5 rgb(34,81,213)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#2233d5
```
#2233d5 rgb(34,51,213)
```
#2224d5
```
#2224d5 rgb(34,36,213)
```
#2f22d5
```
#2f22d5 rgb(47,34,213)
```

Similar Colors

Text with hexadecimal color #2242d5

This text has a font color of #2242d5.

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

#2242d5 background color

This paragraph has a background color of #2242d5.

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

#2242d5 border color

This element has a border color of #2242d5.

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

CSS codes

.text {color:#2242d5;}

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

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

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)
```
#04081b
```
#04081b rgb(4,8,27)
```
#070e2c
```
#070e2c rgb(7,14,44)
```
#0a133d
```
#0a133d rgb(10,19,61)
```
#0c184e
```
#0c184e rgb(12,24,78)
```
#0f1d5f
```
#0f1d5f rgb(15,29,95)
```
#122370
```
#122370 rgb(18,35,112)
```
#142880
```
#142880 rgb(20,40,128)
```
#172d91
```
#172d91 rgb(23,45,145)
```
#1a32a2
```
#1a32a2 rgb(26,50,162)
```
#1d38b3
```
#1d38b3 rgb(29,56,179)
```
#1f3dc4
```
#1f3dc4 rgb(31,61,196)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```

Shade Color Variation

#2d4ddd
```
#2d4ddd rgb(45,77,221)
```
#3e5be0
```
#3e5be0 rgb(62,91,224)
```
#4f69e3
```
#4f69e3 rgb(79,105,227)
```
#6078e6
```
#6078e6 rgb(96,120,230)
```
#7186e8
```
#7186e8 rgb(113,134,232)
```
#8295eb
```
#8295eb rgb(130,149,235)
```
#93a3ee
```
#93a3ee rgb(147,163,238)
```
#a4b1f0
```
#a4b1f0 rgb(164,177,240)
```
#b4c0f3
```
#b4c0f3 rgb(180,192,243)
```
#c5cef6
```
#c5cef6 rgb(197,206,246)
```
#d6dcf8
```
#d6dcf8 rgb(214,220,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 #0530f2 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)
```
#485aaf
```
#485aaf rgb(72,90,175)
```
#3f54b9
```
#3f54b9 rgb(63,84,185)
```
#354ec2
```
#354ec2 rgb(53,78,194)
```
#2c48cc
```
#2c48cc rgb(44,72,204)
```
#2242d5
```
#2242d5 rgb(34,66,213)
```
#193cdf
```
#193cdf rgb(25,60,223)
```
#0f36e8
```
#0f36e8 rgb(15,54,232)
```
#0530f2
```
#0530f2 rgb(5,48,242)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0c51be Protanomaly 1% of men, 0.01% of women
#0c55af Deuteranomaly 6% of men, 0.4% of women
#0c5992 Tritanomaly 0.01% of the population

#2242d5 hex color

#2242d5 Color Information

#2242d5 Color Conversion

Color Schemes with #2242d5

Alternatives to #2242d5

#2242d5 Preview

Shades and Tints of #2242d5

Tones of #2242d5

Color Blindness Simulator