#2222bc hex color

In a RGB color space, hex #2222bc is composed of 13.3% red, 13.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 81.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 240 degrees, a saturation of 69.4% and a lightness of 43.5%. #2222bc color hex could be obtained by blending #4444ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 13
- B 74
RGB color chart
- C 82
- M 82
- Y 0
- K 26
CMYK color chart

● #2222bc color description : Strong blue.

The hexadecimal color #2222bc has RGB values of R:34, G:34, B:188 and CMYK values of C:0.82, M:0.82, Y:0, K:0.26. Its decimal value is 2237116.

Hex triplet	2222bc	`#2222bc`
RGB Decimal	34, 34, 188	`rgb(34,34,188)`
RGB Percent	13.3, 13.3, 73.7	`rgb(13.3%,13.3%,73.7%)`
CMYK	82, 82, 0, 26
HSL	240°, 69.4, 43.5	`hsl(240,69.4%,43.5%)`
HSV (or HSB)	240°, 81.9, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.058, 52.84, -77.996
XYZ	10.307, 5.114, 48.018
xyY	0.162, 0.081, 5.114
CIE-LCH	27.058, 94.21, 304.116
CIE-LUV	27.058, -6.832, -94.672
Hunter-Lab	22.615, 41.778, -110.061
Binary	00100010, 00100010, 10111100

#2222bc
```
#2222bc rgb(34,34,188)
```
#bcbc22
```
#bcbc22 rgb(188,188,34)
```

Complementary Color

#226fbc
```
#226fbc rgb(34,111,188)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#6f22bc
```
#6f22bc rgb(111,34,188)
```

Analogous Color

#6fbc22
```
#6fbc22 rgb(111,188,34)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#bc6f22
```
#bc6f22 rgb(188,111,34)
```

Split Complementary Color

#22bc22
```
#22bc22 rgb(34,188,34)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#bc2222
```
#bc2222 rgb(188,34,34)
```

Triadic Color

#22bcbc
```
#22bcbc rgb(34,188,188)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#bc2222
```
#bc2222 rgb(188,34,34)
```
#bcbc22
```
#bcbc22 rgb(188,188,34)
```

Tetradic Color

#16167b
```
#16167b rgb(22,22,123)
```
#1a1a91
```
#1a1a91 rgb(26,26,145)
```
#1e1ea6
```
#1e1ea6 rgb(30,30,166)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#2626d2
```
#2626d2 rgb(38,38,210)
```
#3636db
```
#3636db rgb(54,54,219)
```
#4c4cdf
```
#4c4cdf rgb(76,76,223)
```

Monochromatic Color

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

#2249bc
```
#2249bc rgb(34,73,188)
```
#223cbc
```
#223cbc rgb(34,60,188)
```
#222fbc
```
#222fbc rgb(34,47,188)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#2f22bc
```
#2f22bc rgb(47,34,188)
```
#3c22bc
```
#3c22bc rgb(60,34,188)
```
#4922bc
```
#4922bc rgb(73,34,188)
```

Similar Colors

Text with hexadecimal color #2222bc

This text has a font color of #2222bc.

<span style="color:#2222bc;">Text here</span>

#2222bc background color

This paragraph has a background color of #2222bc.

<p style="background-color:#2222bc;">Content here</p>

#2222bc border color

This element has a border color of #2222bc.

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

CSS codes

.text {color:#2222bc;}

.background {background-color:#2222bc;}

.border {border:1px solid #2222bc;}

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

#010105
```
#010105 rgb(1,1,5)
```
#040416
```
#040416 rgb(4,4,22)
```
#070726
```
#070726 rgb(7,7,38)
```
#0a0a37
```
#0a0a37 rgb(10,10,55)
```
#0d0d48
```
#0d0d48 rgb(13,13,72)
```
#101058
```
#101058 rgb(16,16,88)
```
#131369
```
#131369 rgb(19,19,105)
```
#16167a
```
#16167a rgb(22,22,122)
```
#19198a
```
#19198a rgb(25,25,138)
```
#1c1c9b
```
#1c1c9b rgb(28,28,155)
```
#1f1fab
```
#1f1fab rgb(31,31,171)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#2525cd
```
#2525cd rgb(37,37,205)
```

Shade Color Variation

#2c2cd9
```
#2c2cd9 rgb(44,44,217)
```
#3d3ddc
```
#3d3ddc rgb(61,61,220)
```
#4e4edf
```
#4e4edf rgb(78,78,223)
```
#5e5ee2
```
#5e5ee2 rgb(94,94,226)
```
#6f6fe5
```
#6f6fe5 rgb(111,111,229)
```
#7f7fe8
```
#7f7fe8 rgb(127,127,232)
```
#9090eb
```
#9090eb rgb(144,144,235)
```
#a1a1ee
```
#a1a1ee rgb(161,161,238)
```
#b1b1f1
```
#b1b1f1 rgb(177,177,241)
```
#c2c2f4
```
#c2c2f4 rgb(194,194,244)
```
#d2d2f7
```
#d2d2f7 rgb(210,210,247)
```
#e3e3fa
```
#e3e3fa rgb(227,227,250)
```
#f4f4fd
```
#f4f4fd rgb(244,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #0808d6 is the most saturated one.

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#666678
```
#666678 rgb(102,102,120)
```
#5e5e80
```
#5e5e80 rgb(94,94,128)
```
#555589
```
#555589 rgb(85,85,137)
```
#4d4d91
```
#4d4d91 rgb(77,77,145)
```
#44449a
```
#44449a rgb(68,68,154)
```
#3c3ca2
```
#3c3ca2 rgb(60,60,162)
```
#3333ab
```
#3333ab rgb(51,51,171)
```
#2b2bb3
```
#2b2bb3 rgb(43,43,179)
```
#2222bc
```
#2222bc rgb(34,34,188)
```
#1919c5
```
#1919c5 rgb(25,25,197)
```
#1111cd
```
#1111cd rgb(17,17,205)
```
#0808d6
```
#0808d6 rgb(8,8,214)
```

Tone Color Variation

Below, you can see how #2222bc 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

#343434 Achromatopsia 0.005% of the population
#30304f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#0c3a9d Protanomaly 1% of men, 0.01% of women
#0c3c90 Deuteranomaly 6% of men, 0.4% of women
#0c407a Tritanomaly 0.01% of the population

#2222bc hex color

#2222bc Color Information

#2222bc Color Conversion

Color Schemes with #2222bc

Alternatives to #2222bc

#2222bc Preview

Shades and Tints of #2222bc

Tones of #2222bc

Color Blindness Simulator