#2226ed hex color

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

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

● #2226ed color description : Vivid blue.

The hexadecimal color #2226ed has RGB values of R:34, G:38, B:237 and CMYK values of C:0.86, M:0.84, Y:0, K:0.07. Its decimal value is 2238189.

Hex triplet	2226ed	`#2226ed`
RGB Decimal	34, 38, 237	`rgb(34,38,237)`
RGB Percent	13.3, 14.9, 92.9	`rgb(13.3%,14.9%,92.9%)`
CMYK	86, 84, 0, 7
HSL	238.8°, 84.9, 53.1	`hsl(238.8,84.9%,53.1%)`
HSV (or HSB)	238.8°, 85.7, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.646, 65.694, -95.438
XYZ	16.636, 7.84, 80.753
xyY	0.158, 0.075, 7.84
CIE-LCH	33.646, 115.862, 304.541
CIE-LUV	33.646, -9.226, -122.88
Hunter-Lab	27.999, 57.058, -151.399
Binary	00100010, 00100110, 11101101

#2226ed
```
#2226ed rgb(34,38,237)
```
#ede922
```
#ede922 rgb(237,233,34)
```

Complementary Color

#228ced
```
#228ced rgb(34,140,237)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#8422ed
```
#8422ed rgb(132,34,237)
```

Analogous Color

#8ced22
```
#8ced22 rgb(140,237,34)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#ed8422
```
#ed8422 rgb(237,132,34)
```

Split Complementary Color

#26ed22
```
#26ed22 rgb(38,237,34)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#ed2226
```
#ed2226 rgb(237,34,38)
```

Triadic Color

#22ede9
```
#22ede9 rgb(34,237,233)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#ed2226
```
#ed2226 rgb(237,34,38)
```
#ede922
```
#ede922 rgb(237,233,34)
```

Tetradic Color

#0f12b4
```
#0f12b4 rgb(15,18,180)
```
#1114cb
```
#1114cb rgb(17,20,203)
```
#1217e3
```
#1217e3 rgb(18,23,227)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#3a3def
```
#3a3def rgb(58,61,239)
```
#5154f1
```
#5154f1 rgb(81,84,241)
```
#696bf3
```
#696bf3 rgb(105,107,243)
```

Monochromatic Color

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

#2259ed
```
#2259ed rgb(34,89,237)
```
#2248ed
```
#2248ed rgb(34,72,237)
```
#2237ed
```
#2237ed rgb(34,55,237)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#2f22ed
```
#2f22ed rgb(47,34,237)
```
#4022ed
```
#4022ed rgb(64,34,237)
```
#5122ed
```
#5122ed rgb(81,34,237)
```

Similar Colors

Text with hexadecimal color #2226ed

This text has a font color of #2226ed.

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

#2226ed background color

This paragraph has a background color of #2226ed.

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

#2226ed border color

This element has a border color of #2226ed.

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

CSS codes

.text {color:#2226ed;}

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

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

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

#01010f
```
#01010f rgb(1,1,15)
```
#030321
```
#030321 rgb(3,3,33)
```
#040533
```
#040533 rgb(4,5,51)
```
#060745
```
#060745 rgb(6,7,69)
```
#070957
```
#070957 rgb(7,9,87)
```
#090b69
```
#090b69 rgb(9,11,105)
```
#0a0c7c
```
#0a0c7c rgb(10,12,124)
```
#0c0e8e
```
#0c0e8e rgb(12,14,142)
```
#0d10a0
```
#0d10a0 rgb(13,16,160)
```
#0f12b2
```
#0f12b2 rgb(15,18,178)
```
#1014c4
```
#1014c4 rgb(16,20,196)
```
#1115d6
```
#1115d6 rgb(17,21,214)
```
#1317e8
```
#1317e8 rgb(19,23,232)
```

Shade Color Variation

#2226ed
```
#2226ed rgb(34,38,237)
```
#3438ee
```
#3438ee rgb(52,56,238)
```
#464af0
```
#464af0 rgb(70,74,240)
```
#585bf1
```
#585bf1 rgb(88,91,241)
```
#6b6df3
```
#6b6df3 rgb(107,109,243)
```
#7d7ff4
```
#7d7ff4 rgb(125,127,244)
```
#8f91f6
```
#8f91f6 rgb(143,145,246)
```
#a1a3f7
```
#a1a3f7 rgb(161,163,247)
```
#b3b4f9
```
#b3b4f9 rgb(179,180,249)
```
#c5c6fa
```
#c5c6fa rgb(197,198,250)
```
#d7d8fc
```
#d7d8fc rgb(215,216,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 #191df6 is the most saturated one.

#878788
```
#878788 rgb(135,135,136)
```
#7e7e91
```
#7e7e91 rgb(126,126,145)
```
#75759a
```
#75759a rgb(117,117,154)
```
#6c6da3
```
#6c6da3 rgb(108,109,163)
```
#6264ad
```
#6264ad rgb(98,100,173)
```
#595bb6
```
#595bb6 rgb(89,91,182)
```
#5052bf
```
#5052bf rgb(80,82,191)
```
#4749c8
```
#4749c8 rgb(71,73,200)
```
#3e40d1
```
#3e40d1 rgb(62,64,209)
```
#3438db
```
#3438db rgb(52,56,219)
```
#2b2fe4
```
#2b2fe4 rgb(43,47,228)
```
#2226ed
```
#2226ed rgb(34,38,237)
```
#191df6
```
#191df6 rgb(25,29,246)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#36375f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0c44c0 Protanomaly 1% of men, 0.01% of women
#0c47b1 Deuteranomaly 6% of men, 0.4% of women
#0c4b96 Tritanomaly 0.01% of the population

#2226ed hex color

#2226ed Color Information

#2226ed Color Conversion

Color Schemes with #2226ed

Alternatives to #2226ed

#2226ed Preview

Shades and Tints of #2226ed

Tones of #2226ed

Color Blindness Simulator