#2229e2 hex color

In a RGB color space, hex #2229e2 is composed of 13.3% red, 16.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 81.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 237.8 degrees, a saturation of 76.8% and a lightness of 51%. #2229e2 color hex could be obtained by blending #4452ff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 16
- B 89
RGB color chart
- C 85
- M 82
- Y 0
- K 11
CMYK color chart

● #2229e2 color description : Bright blue.

The hexadecimal color #2229e2 has RGB values of R:34, G:41, B:226 and CMYK values of C:0.85, M:0.82, Y:0, K:0.11. Its decimal value is 2238946.

Hex triplet	2229e2	`#2229e2`
RGB Decimal	34, 41, 226	`rgb(34,41,226)`
RGB Percent	13.3, 16.1, 88.6	`rgb(13.3%,16.1%,88.6%)`
CMYK	85, 82, 0, 11
HSL	237.8°, 76.8, 51	`hsl(237.8,76.8%,51%)`
HSV (or HSB)	237.8°, 85, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.735, 61.196, -90.682
XYZ	15.177, 7.416, 72.579
xyY	0.159, 0.078, 7.416
CIE-LCH	32.735, 109.399, 304.013
CIE-LUV	32.735, -9.123, -116.775
Hunter-Lab	27.232, 51.828, -138.957
Binary	00100010, 00101001, 11100010

#2229e2
```
#2229e2 rgb(34,41,226)
```
#e2db22
```
#e2db22 rgb(226,219,34)
```

Complementary Color

#2289e2
```
#2289e2 rgb(34,137,226)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#7b22e2
```
#7b22e2 rgb(123,34,226)
```

Analogous Color

#89e222
```
#89e222 rgb(137,226,34)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#e27b22
```
#e27b22 rgb(226,123,34)
```

Split Complementary Color

#29e222
```
#29e222 rgb(41,226,34)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#e22229
```
#e22229 rgb(226,34,41)
```

Triadic Color

#22e2db
```
#22e2db rgb(34,226,219)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#e22229
```
#e22229 rgb(226,34,41)
```
#e2db22
```
#e2db22 rgb(226,219,34)
```

Tetradic Color

#151aa2
```
#151aa2 rgb(21,26,162)
```
#181eb9
```
#181eb9 rgb(24,30,185)
```
#1b22cf
```
#1b22cf rgb(27,34,207)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#393fe5
```
#393fe5 rgb(57,63,229)
```
#4f55e8
```
#4f55e8 rgb(79,85,232)
```
#666aeb
```
#666aeb rgb(102,106,235)
```

Monochromatic Color

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

#2259e2
```
#2259e2 rgb(34,89,226)
```
#2249e2
```
#2249e2 rgb(34,73,226)
```
#2239e2
```
#2239e2 rgb(34,57,226)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#2b22e2
```
#2b22e2 rgb(43,34,226)
```
#3b22e2
```
#3b22e2 rgb(59,34,226)
```
#4b22e2
```
#4b22e2 rgb(75,34,226)
```

Similar Colors

Text with hexadecimal color #2229e2

This text has a font color of #2229e2.

<span style="color:#2229e2;">Text here</span>

#2229e2 background color

This paragraph has a background color of #2229e2.

<p style="background-color:#2229e2;">Content here</p>

#2229e2 border color

This element has a border color of #2229e2.

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

CSS codes

.text {color:#2229e2;}

.background {background-color:#2229e2;}

.border {border:1px solid #2229e2;}

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

#010104
```
#010104 rgb(1,1,4)
```
#030416
```
#030416 rgb(3,4,22)
```
#050627
```
#050627 rgb(5,6,39)
```
#070938
```
#070938 rgb(7,9,56)
```
#0a0c4a
```
#0a0c4a rgb(10,12,74)
```
#0c0f5b
```
#0c0f5b rgb(12,15,91)
```
#0e126c
```
#0e126c rgb(14,18,108)
```
#11147e
```
#11147e rgb(17,20,126)
```
#13178f
```
#13178f rgb(19,23,143)
```
#151aa0
```
#151aa0 rgb(21,26,160)
```
#171db2
```
#171db2 rgb(23,29,178)
```
#1a20c3
```
#1a20c3 rgb(26,32,195)
```
#1c23d5
```
#1c23d5 rgb(28,35,213)
```

Shade Color Variation

#2229e2
```
#2229e2 rgb(34,41,226)
```
#333ae4
```
#333ae4 rgb(51,58,228)
```
#454be7
```
#454be7 rgb(69,75,231)
```
#565be9
```
#565be9 rgb(86,91,233)
```
#676ceb
```
#676ceb rgb(103,108,235)
```
#797ded
```
#797ded rgb(121,125,237)
```
#8a8ef0
```
#8a8ef0 rgb(138,142,240)
```
#9b9ff2
```
#9b9ff2 rgb(155,159,242)
```
#adaff4
```
#adaff4 rgb(173,175,244)
```
#bec0f6
```
#bec0f6 rgb(190,192,246)
```
#cfd1f9
```
#cfd1f9 rgb(207,209,249)
```
#e1e2fb
```
#e1e2fb rgb(225,226,251)
```
#f2f2fd
```
#f2f2fd rgb(242,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79798b is the less saturated color, while #050eff is the most saturated one.

#79798b
```
#79798b rgb(121,121,139)
```
#6f7095
```
#6f7095 rgb(111,112,149)
```
#65679f
```
#65679f rgb(101,103,159)
```
#5c5ea8
```
#5c5ea8 rgb(92,94,168)
```
#5256b2
```
#5256b2 rgb(82,86,178)
```
#484dbc
```
#484dbc rgb(72,77,188)
```
#3f44c5
```
#3f44c5 rgb(63,68,197)
```
#353bcf
```
#353bcf rgb(53,59,207)
```
#2c32d8
```
#2c32d8 rgb(44,50,216)
```
#2229e2
```
#2229e2 rgb(34,41,226)
```
#1820ec
```
#1820ec rgb(24,32,236)
```
#0f17f5
```
#0f17f5 rgb(15,23,245)
```
#050eff
```
#050eff rgb(5,14,255)
```

Tone Color Variation

Below, you can see how #2229e2 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

#3c3c3c Achromatopsia 0.005% of the population
#37385d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0c44b9 Protanomaly 1% of men, 0.01% of women
#0c47ab Deuteranomaly 6% of men, 0.4% of women
#0c4b91 Tritanomaly 0.01% of the population

#2229e2 hex color

#2229e2 Color Information

#2229e2 Color Conversion

Color Schemes with #2229e2

Alternatives to #2229e2

#2229e2 Preview

Shades and Tints of #2229e2

Tones of #2229e2

Color Blindness Simulator