#2226dc hex color

In a RGB color space, hex #2226dc is composed of 13.3% red, 14.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 82.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 238.7 degrees, a saturation of 73.2% and a lightness of 49.8%. #2226dc color hex could be obtained by blending #444cff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 15
- B 86
RGB color chart
- C 85
- M 83
- Y 0
- K 14
CMYK color chart

● #2226dc color description : Bright blue.

The hexadecimal color #2226dc has RGB values of R:34, G:38, B:220 and CMYK values of C:0.85, M:0.83, Y:0, K:0.14. Its decimal value is 2238172.

Hex triplet	2226dc	`#2226dc`
RGB Decimal	34, 38, 220	`rgb(34,38,220)`
RGB Percent	13.3, 14.9, 86.3	`rgb(13.3%,14.9%,86.3%)`
CMYK	85, 83, 0, 14
HSL	238.7°, 73.2, 49.8	`hsl(238.7,73.2%,49.8%)`
HSV (or HSB)	238.7°, 84.5, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.561, 60.731, -89.19
XYZ	14.268, 6.893, 68.285
xyY	0.16, 0.077, 6.893
CIE-LCH	31.561, 107.903, 304.251
CIE-LUV	31.561, -8.564, -113.238
Hunter-Lab	26.254, 51.068, -135.833
Binary	00100010, 00100110, 11011100

#2226dc
```
#2226dc rgb(34,38,220)
```
#dcd822
```
#dcd822 rgb(220,216,34)
```

Complementary Color

#2283dc
```
#2283dc rgb(34,131,220)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#7b22dc
```
#7b22dc rgb(123,34,220)
```

Analogous Color

#83dc22
```
#83dc22 rgb(131,220,34)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#dc7b22
```
#dc7b22 rgb(220,123,34)
```

Split Complementary Color

#26dc22
```
#26dc22 rgb(38,220,34)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#dc2226
```
#dc2226 rgb(220,34,38)
```

Triadic Color

#22dcd8
```
#22dcd8 rgb(34,220,216)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#dc2226
```
#dc2226 rgb(220,34,38)
```
#dcd822
```
#dcd822 rgb(220,216,34)
```

Tetradic Color

#181b9a
```
#181b9a rgb(24,27,154)
```
#1b1eb0
```
#1b1eb0 rgb(27,30,176)
```
#1f22c6
```
#1f22c6 rgb(31,34,198)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#373be0
```
#373be0 rgb(55,59,224)
```
#4d51e4
```
#4d51e4 rgb(77,81,228)
```
#6466e7
```
#6466e7 rgb(100,102,231)
```

Monochromatic Color

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

#2254dc
```
#2254dc rgb(34,84,220)
```
#2245dc
```
#2245dc rgb(34,69,220)
```
#2236dc
```
#2236dc rgb(34,54,220)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#2d22dc
```
#2d22dc rgb(45,34,220)
```
#3d22dc
```
#3d22dc rgb(61,34,220)
```
#4d22dc
```
#4d22dc rgb(77,34,220)
```

Similar Colors

Text with hexadecimal color #2226dc

This text has a font color of #2226dc.

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

#2226dc background color

This paragraph has a background color of #2226dc.

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

#2226dc border color

This element has a border color of #2226dc.

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

CSS codes

.text {color:#2226dc;}

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

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

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

#020310
```
#020310 rgb(2,3,16)
```
#050621
```
#050621 rgb(5,6,33)
```
#080932
```
#080932 rgb(8,9,50)
```
#0a0c43
```
#0a0c43 rgb(10,12,67)
```
#0d0f54
```
#0d0f54 rgb(13,15,84)
```
#101165
```
#101165 rgb(16,17,101)
```
#121476
```
#121476 rgb(18,20,118)
```
#151787
```
#151787 rgb(21,23,135)
```
#171a98
```
#171a98 rgb(23,26,152)
```
#1a1da9
```
#1a1da9 rgb(26,29,169)
```
#1d20ba
```
#1d20ba rgb(29,32,186)
```
#1f23cb
```
#1f23cb rgb(31,35,203)
```
#2226dc
```
#2226dc rgb(34,38,220)
```

Shade Color Variation

#3236df
```
#3236df rgb(50,54,223)
```
#4347e2
```
#4347e2 rgb(67,71,226)
```
#5457e5
```
#5457e5 rgb(84,87,229)
```
#6568e7
```
#6568e7 rgb(101,104,231)
```
#7679ea
```
#7679ea rgb(118,121,234)
```
#8789ec
```
#8789ec rgb(135,137,236)
```
#989aef
```
#989aef rgb(152,154,239)
```
#a9abf2
```
#a9abf2 rgb(169,171,242)
```
#babbf4
```
#babbf4 rgb(186,187,244)
```
#cbccf7
```
#cbccf7 rgb(203,204,247)
```
#dcddfa
```
#dcddfa rgb(220,221,250)
```
#ededfc
```
#ededfc rgb(237,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7a84
```
#7a7a84 rgb(122,122,132)
```
#70718e
```
#70718e rgb(112,113,142)
```
#666798
```
#666798 rgb(102,103,152)
```
#5d5ea1
```
#5d5ea1 rgb(93,94,161)
```
#5355ab
```
#5355ab rgb(83,85,171)
```
#494bb5
```
#494bb5 rgb(73,75,181)
```
#3f42bf
```
#3f42bf rgb(63,66,191)
```
#3639c8
```
#3639c8 rgb(54,57,200)
```
#2c2fd2
```
#2c2fd2 rgb(44,47,210)
```
#2226dc
```
#2226dc rgb(34,38,220)
```
#181de6
```
#181de6 rgb(24,29,230)
```
#0e13f0
```
#0e13f0 rgb(14,19,240)
```
#050af9
```
#050af9 rgb(5,10,249)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#35365a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0c41b4 Protanomaly 1% of men, 0.01% of women
#0c44a6 Deuteranomaly 6% of men, 0.4% of women
#0c488d Tritanomaly 0.01% of the population

#2226dc hex color

#2226dc Color Information

#2226dc Color Conversion

Color Schemes with #2226dc

Alternatives to #2226dc

#2226dc Preview

Shades and Tints of #2226dc

Tones of #2226dc

Color Blindness Simulator