#2225d2 hex color

In a RGB color space, hex #2225d2 is composed of 13.3% red, 14.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 82.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 239 degrees, a saturation of 72.1% and a lightness of 47.8%. #2225d2 color hex could be obtained by blending #444aff with #0000a5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 15
- B 82
RGB color chart
- C 84
- M 82
- Y 0
- K 18
CMYK color chart

● #2225d2 color description : Strong blue.

The hexadecimal color #2225d2 has RGB values of R:34, G:37, B:210 and CMYK values of C:0.84, M:0.82, Y:0, K:0.18. Its decimal value is 2237906.

Hex triplet	2225d2	`#2225d2`
RGB Decimal	34, 37, 210	`rgb(34,37,210)`
RGB Percent	13.3, 14.5, 82.4	`rgb(13.3%,14.5%,82.4%)`
CMYK	84, 82, 0, 18
HSL	239°, 72.1, 47.8	`hsl(239,72.1%,47.8%)`
HSV (or HSB)	239°, 83.8, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.195, 58.181, -85.683
XYZ	12.952, 6.315, 61.506
xyY	0.16, 0.078, 6.315
CIE-LCH	30.195, 103.569, 304.178
CIE-LUV	30.195, -8.062, -107.481
Hunter-Lab	25.131, 48.017, -127.518
Binary	00100010, 00100101, 11010010

#2225d2
```
#2225d2 rgb(34,37,210)
```
#d2cf22
```
#d2cf22 rgb(210,207,34)
```

Complementary Color

#227dd2
```
#227dd2 rgb(34,125,210)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#7722d2
```
#7722d2 rgb(119,34,210)
```

Analogous Color

#7dd222
```
#7dd222 rgb(125,210,34)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#d27722
```
#d27722 rgb(210,119,34)
```

Split Complementary Color

#25d222
```
#25d222 rgb(37,210,34)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#d22225
```
#d22225 rgb(210,34,37)
```

Triadic Color

#22d2cf
```
#22d2cf rgb(34,210,207)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#d22225
```
#d22225 rgb(210,34,37)
```
#d2cf22
```
#d2cf22 rgb(210,207,34)
```

Tetradic Color

#171990
```
#171990 rgb(23,25,144)
```
#1b1da6
```
#1b1da6 rgb(27,29,166)
```
#1e21bc
```
#1e21bc rgb(30,33,188)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#3033dd
```
#3033dd rgb(48,51,221)
```
#4649e1
```
#4649e1 rgb(70,73,225)
```
#5c5ee5
```
#5c5ee5 rgb(92,94,229)
```

Monochromatic Color

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

#2251d2
```
#2251d2 rgb(34,81,210)
```
#2242d2
```
#2242d2 rgb(34,66,210)
```
#2234d2
```
#2234d2 rgb(34,52,210)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#2e22d2
```
#2e22d2 rgb(46,34,210)
```
#3c22d2
```
#3c22d2 rgb(60,34,210)
```
#4b22d2
```
#4b22d2 rgb(75,34,210)
```

Similar Colors

Text with hexadecimal color #2225d2

This text has a font color of #2225d2.

<span style="color:#2225d2;">Text here</span>

#2225d2 background color

This paragraph has a background color of #2225d2.

<p style="background-color:#2225d2;">Content here</p>

#2225d2 border color

This element has a border color of #2225d2.

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

CSS codes

.text {color:#2225d2;}

.background {background-color:#2225d2;}

.border {border:1px solid #2225d2;}

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

#010107
```
#010107 rgb(1,1,7)
```
#040418
```
#040418 rgb(4,4,24)
```
#070729
```
#070729 rgb(7,7,41)
```
#090a3a
```
#090a3a rgb(9,10,58)
```
#0c0d4b
```
#0c0d4b rgb(12,13,75)
```
#0f105c
```
#0f105c rgb(15,16,92)
```
#12136d
```
#12136d rgb(18,19,109)
```
#14167e
```
#14167e rgb(20,22,126)
```
#17198e
```
#17198e rgb(23,25,142)
```
#1a1c9f
```
#1a1c9f rgb(26,28,159)
```
#1d1fb0
```
#1d1fb0 rgb(29,31,176)
```
#1f22c1
```
#1f22c1 rgb(31,34,193)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```

Shade Color Variation

#2b2edd
```
#2b2edd rgb(43,46,221)
```
#3c3fdf
```
#3c3fdf rgb(60,63,223)
```
#4d4fe2
```
#4d4fe2 rgb(77,79,226)
```
#5e60e5
```
#5e60e5 rgb(94,96,229)
```
#6e71e8
```
#6e71e8 rgb(110,113,232)
```
#7f81ea
```
#7f81ea rgb(127,129,234)
```
#9092ed
```
#9092ed rgb(144,146,237)
```
#a1a2f0
```
#a1a2f0 rgb(161,162,240)
```
#b2b3f3
```
#b2b3f3 rgb(178,179,243)
```
#c3c4f5
```
#c3c4f5 rgb(195,196,245)
```
#d4d4f8
```
#d4d4f8 rgb(212,212,248)
```
#e5e5fb
```
#e5e5fb rgb(229,229,251)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777e is the less saturated color, while #060aee is the most saturated one.

#76777e
```
#76777e rgb(118,119,126)
```
#6d6e87
```
#6d6e87 rgb(109,110,135)
```
#646490
```
#646490 rgb(100,100,144)
```
#5a5b9a
```
#5a5b9a rgb(90,91,154)
```
#5152a3
```
#5152a3 rgb(81,82,163)
```
#4849ac
```
#4849ac rgb(72,73,172)
```
#3e40b6
```
#3e40b6 rgb(62,64,182)
```
#3537bf
```
#3537bf rgb(53,55,191)
```
#2b2ec9
```
#2b2ec9 rgb(43,46,201)
```
#2225d2
```
#2225d2 rgb(34,37,210)
```
#191cdb
```
#191cdb rgb(25,28,219)
```
#0f13e5
```
#0f13e5 rgb(15,19,229)
```
#060aee
```
#060aee rgb(6,10,238)
```

Tone Color Variation

Below, you can see how #2225d2 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

#383838 Achromatopsia 0.005% of the population
#343457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0c3fad Protanomaly 1% of men, 0.01% of women
#0c429f Deuteranomaly 6% of men, 0.4% of women
#0c4587 Tritanomaly 0.01% of the population

#2225d2 hex color

#2225d2 Color Information

#2225d2 Color Conversion

Color Schemes with #2225d2

Alternatives to #2225d2

#2225d2 Preview

Shades and Tints of #2225d2

Tones of #2225d2

Color Blindness Simulator