#2229ed hex color

In a RGB color space, hex #2229ed is composed of 13.3% red, 16.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 82.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.9 degrees, a saturation of 84.9% and a lightness of 53.1%. #2229ed color hex could be obtained by blending #4452ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 16
- B 93
RGB color chart
- C 86
- M 83
- Y 0
- K 7
CMYK color chart

● #2229ed color description : Vivid blue.

The hexadecimal color #2229ed has RGB values of R:34, G:41, B:237 and CMYK values of C:0.86, M:0.83, Y:0, K:0.07. Its decimal value is 2238957.

Hex triplet	2229ed	`#2229ed`
RGB Decimal	34, 41, 237	`rgb(34,41,237)`
RGB Percent	13.3, 16.1, 92.9	`rgb(13.3%,16.1%,92.9%)`
CMYK	86, 83, 0, 7
HSL	237.9°, 84.9, 53.1	`hsl(237.9,84.9%,53.1%)`
HSV (or HSB)	237.9°, 85.7, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.064, 64.451, -94.742
XYZ	16.736, 8.039, 80.786
xyY	0.159, 0.076, 8.039
CIE-LCH	34.064, 114.586, 304.227
CIE-LUV	34.064, -9.533, -123.009
Hunter-Lab	28.353, 55.741, -149.084
Binary	00100010, 00101001, 11101101

#2229ed
```
#2229ed rgb(34,41,237)
```
#ede622
```
#ede622 rgb(237,230,34)
```

Complementary Color

#228fed
```
#228fed rgb(34,143,237)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#8122ed
```
#8122ed rgb(129,34,237)
```

Analogous Color

#8fed22
```
#8fed22 rgb(143,237,34)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#ed8122
```
#ed8122 rgb(237,129,34)
```

Split Complementary Color

#29ed22
```
#29ed22 rgb(41,237,34)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#ed2229
```
#ed2229 rgb(237,34,41)
```

Triadic Color

#22ede6
```
#22ede6 rgb(34,237,230)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#ed2229
```
#ed2229 rgb(237,34,41)
```
#ede622
```
#ede622 rgb(237,230,34)
```

Tetradic Color

#0f14b4
```
#0f14b4 rgb(15,20,180)
```
#1117cb
```
#1117cb rgb(17,23,203)
```
#121ae3
```
#121ae3 rgb(18,26,227)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#3a40ef
```
#3a40ef rgb(58,64,239)
```
#5157f1
```
#5157f1 rgb(81,87,241)
```
#696df3
```
#696df3 rgb(105,109,243)
```

Monochromatic Color

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

#225ced
```
#225ced rgb(34,92,237)
```
#224bed
```
#224bed rgb(34,75,237)
```
#223aed
```
#223aed rgb(34,58,237)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#2c22ed
```
#2c22ed rgb(44,34,237)
```
#3d22ed
```
#3d22ed rgb(61,34,237)
```
#4e22ed
```
#4e22ed rgb(78,34,237)
```

Similar Colors

Text with hexadecimal color #2229ed

This text has a font color of #2229ed.

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

#2229ed background color

This paragraph has a background color of #2229ed.

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

#2229ed border color

This element has a border color of #2229ed.

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

CSS codes

.text {color:#2229ed;}

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

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

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, #01020f is the darkest color, while #fcfcff is the lightest one.

#01020f
```
#01020f rgb(1,2,15)
```
#030421
```
#030421 rgb(3,4,33)
```
#040633
```
#040633 rgb(4,6,51)
```
#060845
```
#060845 rgb(6,8,69)
```
#070a57
```
#070a57 rgb(7,10,87)
```
#090c69
```
#090c69 rgb(9,12,105)
```
#0a0e7c
```
#0a0e7c rgb(10,14,124)
```
#0c108e
```
#0c108e rgb(12,16,142)
```
#0d12a0
```
#0d12a0 rgb(13,18,160)
```
#0f14b2
```
#0f14b2 rgb(15,20,178)
```
#1016c4
```
#1016c4 rgb(16,22,196)
```
#1118d6
```
#1118d6 rgb(17,24,214)
```
#131ae8
```
#131ae8 rgb(19,26,232)
```

Shade Color Variation

#2229ed
```
#2229ed rgb(34,41,237)
```
#343bee
```
#343bee rgb(52,59,238)
```
#464cf0
```
#464cf0 rgb(70,76,240)
```
#585ef1
```
#585ef1 rgb(88,94,241)
```
#6b6ff3
```
#6b6ff3 rgb(107,111,243)
```
#7d81f4
```
#7d81f4 rgb(125,129,244)
```
#8f92f6
```
#8f92f6 rgb(143,146,246)
```
#a1a4f7
```
#a1a4f7 rgb(161,164,247)
```
#b3b6f9
```
#b3b6f9 rgb(179,182,249)
```
#c5c7fa
```
#c5c7fa rgb(197,199,250)
```
#d7d9fc
```
#d7d9fc rgb(215,217,252)
```
#eaeafd
```
#eaeafd rgb(234,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#878788
```
#878788 rgb(135,135,136)
```
#7e7f91
```
#7e7f91 rgb(126,127,145)
```
#75769a
```
#75769a rgb(117,118,154)
```
#6c6da3
```
#6c6da3 rgb(108,109,163)
```
#6265ad
```
#6265ad rgb(98,101,173)
```
#595cb6
```
#595cb6 rgb(89,92,182)
```
#5054bf
```
#5054bf rgb(80,84,191)
```
#474bc8
```
#474bc8 rgb(71,75,200)
```
#3e43d1
```
#3e43d1 rgb(62,67,209)
```
#343adb
```
#343adb rgb(52,58,219)
```
#2b32e4
```
#2b32e4 rgb(43,50,228)
```
#2229ed
```
#2229ed rgb(34,41,237)
```
#1920f6
```
#1920f6 rgb(25,32,246)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#383960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0c46c1 Protanomaly 1% of men, 0.01% of women
#0c49b2 Deuteranomaly 6% of men, 0.4% of women
#0c4d97 Tritanomaly 0.01% of the population

#2229ed hex color

#2229ed Color Information

#2229ed Color Conversion

Color Schemes with #2229ed

Alternatives to #2229ed

#2229ed Preview

Shades and Tints of #2229ed

Tones of #2229ed

Color Blindness Simulator