#2252d4 hex color

In a RGB color space, hex #2252d4 is composed of 13.3% red, 32.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 61.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 223.8 degrees, a saturation of 72.4% and a lightness of 48.2%. #2252d4 color hex could be obtained by blending #44a4ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 32
- B 83
RGB color chart
- C 84
- M 61
- Y 0
- K 17
CMYK color chart

● #2252d4 color description : Strong blue.

The hexadecimal color #2252d4 has RGB values of R:34, G:82, B:212 and CMYK values of C:0.84, M:0.61, Y:0, K:0.17. Its decimal value is 2249428.

Hex triplet	2252d4	`#2252d4`
RGB Decimal	34, 82, 212	`rgb(34,82,212)`
RGB Percent	13.3, 32.2, 83.1	`rgb(13.3%,32.2%,83.1%)`
CMYK	84, 61, 0, 17
HSL	223.8°, 72.4, 48.2	`hsl(223.8,72.4%,48.2%)`
HSV (or HSB)	223.8°, 84, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.793, 33.023, -70.999
XYZ	15.558, 11.127, 63.611
xyY	0.172, 0.123, 11.127
CIE-LCH	39.793, 78.303, 294.944
CIE-LUV	39.793, -16.103, -103.5
Hunter-Lab	33.357, 24.88, -89.715
Binary	00100010, 01010010, 11010100

#2252d4
```
#2252d4 rgb(34,82,212)
```
#d4a422
```
#d4a422 rgb(212,164,34)
```

Complementary Color

#22abd4
```
#22abd4 rgb(34,171,212)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#4b22d4
```
#4b22d4 rgb(75,34,212)
```

Analogous Color

#abd422
```
#abd422 rgb(171,212,34)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#d44b22
```
#d44b22 rgb(212,75,34)
```

Split Complementary Color

#52d422
```
#52d422 rgb(82,212,34)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#d42252
```
#d42252 rgb(212,34,82)
```

Triadic Color

#22d4a4
```
#22d4a4 rgb(34,212,164)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#d42252
```
#d42252 rgb(212,34,82)
```
#d4a422
```
#d4a422 rgb(212,164,34)
```

Tetradic Color

#173992
```
#173992 rgb(23,57,146)
```
#1b41a8
```
#1b41a8 rgb(27,65,168)
```
#1e4abe
```
#1e4abe rgb(30,74,190)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#3160de
```
#3160de rgb(49,96,222)
```
#4771e2
```
#4771e2 rgb(71,113,226)
```
#5d82e5
```
#5d82e5 rgb(93,130,229)
```

Monochromatic Color

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

#227fd4
```
#227fd4 rgb(34,127,212)
```
#2270d4
```
#2270d4 rgb(34,112,212)
```
#2261d4
```
#2261d4 rgb(34,97,212)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#2243d4
```
#2243d4 rgb(34,67,212)
```
#2234d4
```
#2234d4 rgb(34,52,212)
```
#2226d4
```
#2226d4 rgb(34,38,212)
```

Similar Colors

Text with hexadecimal color #2252d4

This text has a font color of #2252d4.

<span style="color:#2252d4;">Text here</span>

#2252d4 background color

This paragraph has a background color of #2252d4.

<p style="background-color:#2252d4;">Content here</p>

#2252d4 border color

This element has a border color of #2252d4.

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

CSS codes

.text {color:#2252d4;}

.background {background-color:#2252d4;}

.border {border:1px solid #2252d4;}

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

#010409
```
#010409 rgb(1,4,9)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#07112b
```
#07112b rgb(7,17,43)
```
#0a173c
```
#0a173c rgb(10,23,60)
```
#0c1e4d
```
#0c1e4d rgb(12,30,77)
```
#0f245e
```
#0f245e rgb(15,36,94)
```
#122b6f
```
#122b6f rgb(18,43,111)
```
#14317f
```
#14317f rgb(20,49,127)
```
#173890
```
#173890 rgb(23,56,144)
```
#1a3ea1
```
#1a3ea1 rgb(26,62,161)
```
#1d45b2
```
#1d45b2 rgb(29,69,178)
```
#1f4bc3
```
#1f4bc3 rgb(31,75,195)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```

Shade Color Variation

#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#3d69e0
```
#3d69e0 rgb(61,105,224)
```
#4e76e3
```
#4e76e3 rgb(78,118,227)
```
#5f83e5
```
#5f83e5 rgb(95,131,229)
```
#7090e8
```
#7090e8 rgb(112,144,232)
```
#819deb
```
#819deb rgb(129,157,235)
```
#92abed
```
#92abed rgb(146,171,237)
```
#a3b8f0
```
#a3b8f0 rgb(163,184,240)
```
#b4c5f3
```
#b4c5f3 rgb(180,197,243)
```
#c5d2f6
```
#c5d2f6 rgb(197,210,246)
```
#d5dff8
```
#d5dff8 rgb(213,223,248)
```
#e6ecfb
```
#e6ecfb rgb(230,236,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77797f is the less saturated color, while #0645f0 is the most saturated one.

#77797f
```
#77797f rgb(119,121,127)
```
#6e7588
```
#6e7588 rgb(110,117,136)
```
#647192
```
#647192 rgb(100,113,146)
```
#5b6c9b
```
#5b6c9b rgb(91,108,155)
```
#5168a5
```
#5168a5 rgb(81,104,165)
```
#4863ae
```
#4863ae rgb(72,99,174)
```
#3e5fb8
```
#3e5fb8 rgb(62,95,184)
```
#355bc1
```
#355bc1 rgb(53,91,193)
```
#2b56cb
```
#2b56cb rgb(43,86,203)
```
#2252d4
```
#2252d4 rgb(34,82,212)
```
#194edd
```
#194edd rgb(25,78,221)
```
#0f49e7
```
#0f49e7 rgb(15,73,231)
```
#0645f0
```
#0645f0 rgb(6,69,240)
```

Tone Color Variation

Below, you can see how #2252d4 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

#525252 Achromatopsia 0.005% of the population
#48526c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0c5cc8 Protanomaly 1% of men, 0.01% of women
#0c60b8 Deuteranomaly 6% of men, 0.4% of women
#0c6598 Tritanomaly 0.01% of the population

#2252d4 hex color

#2252d4 Color Information

#2252d4 Color Conversion

Color Schemes with #2252d4

Alternatives to #2252d4

#2252d4 Preview

Shades and Tints of #2252d4

Tones of #2252d4

Color Blindness Simulator