#2212cc hex color

In a RGB color space, hex #2212cc is composed of 13.3% red, 7.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 91.2% magenta, 0% yellow and 20% black. It has a hue angle of 245.2 degrees, a saturation of 83.8% and a lightness of 43.5%. #2212cc color hex could be obtained by blending #4424ff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 7
- B 80
RGB color chart
- C 83
- M 91
- Y 0
- K 20
CMYK color chart

● #2212cc color description : Strong blue.

The hexadecimal color #2212cc has RGB values of R:34, G:18, B:204 and CMYK values of C:0.83, M:0.91, Y:0, K:0.2. Its decimal value is 2233036.

Hex triplet	2212cc	`#2212cc`
RGB Decimal	34, 18, 204	`rgb(34,18,204)`
RGB Percent	13.3, 7.1, 80	`rgb(13.3%,7.1%,80%)`
CMYK	83, 91, 0, 20
HSL	245.2°, 83.8, 43.5	`hsl(245.2,83.8%,43.5%)`
HSV (or HSB)	245.2°, 91.2, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.106, 63.438, -87.332
XYZ	11.773, 5.132, 57.493
xyY	0.158, 0.069, 5.132
CIE-LCH	27.106, 107.941, 305.995
CIE-LUV	27.106, -6.191, -102.733
Hunter-Lab	22.653, 53.126, -134.622
Binary	00100010, 00010010, 11001100

#2212cc
```
#2212cc rgb(34,18,204)
```
#bccc12
```
#bccc12 rgb(188,204,18)
```

Complementary Color

#125fcc
```
#125fcc rgb(18,95,204)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#7f12cc
```
#7f12cc rgb(127,18,204)
```

Analogous Color

#5fcc12
```
#5fcc12 rgb(95,204,18)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#cc7f12
```
#cc7f12 rgb(204,127,18)
```

Split Complementary Color

#12cc22
```
#12cc22 rgb(18,204,34)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#cc2212
```
#cc2212 rgb(204,34,18)
```

Triadic Color

#12bccc
```
#12bccc rgb(18,188,204)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#cc2212
```
#cc2212 rgb(204,34,18)
```
#bccc12
```
#bccc12 rgb(188,204,18)
```

Tetradic Color

#160c86
```
#160c86 rgb(22,12,134)
```
#1a0e9d
```
#1a0e9d rgb(26,14,157)
```
#1e10b5
```
#1e10b5 rgb(30,16,181)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#2614e3
```
#2614e3 rgb(38,20,227)
```
#3625ec
```
#3625ec rgb(54,37,236)
```
#4c3dee
```
#4c3dee rgb(76,61,238)
```

Monochromatic Color

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

#1231cc
```
#1231cc rgb(18,49,204)
```
#1221cc
```
#1221cc rgb(18,33,204)
```
#1312cc
```
#1312cc rgb(19,18,204)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#3112cc
```
#3112cc rgb(49,18,204)
```
#4112cc
```
#4112cc rgb(65,18,204)
```
#5112cc
```
#5112cc rgb(81,18,204)
```

Similar Colors

Text with hexadecimal color #2212cc

This text has a font color of #2212cc.

<span style="color:#2212cc;">Text here</span>

#2212cc background color

This paragraph has a background color of #2212cc.

<p style="background-color:#2212cc;">Content here</p>

#2212cc border color

This element has a border color of #2212cc.

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

CSS codes

.text {color:#2212cc;}

.background {background-color:#2212cc;}

.border {border:1px solid #2212cc;}

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

#010106
```
#010106 rgb(1,1,6)
```
#040218
```
#040218 rgb(4,2,24)
```
#07042a
```
#07042a rgb(7,4,42)
```
#0a053c
```
#0a053c rgb(10,5,60)
```
#0d074e
```
#0d074e rgb(13,7,78)
```
#100860
```
#100860 rgb(16,8,96)
```
#130a72
```
#130a72 rgb(19,10,114)
```
#160c84
```
#160c84 rgb(22,12,132)
```
#190d96
```
#190d96 rgb(25,13,150)
```
#1c0fa8
```
#1c0fa8 rgb(28,15,168)
```
#1f10ba
```
#1f10ba rgb(31,16,186)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#2514de
```
#2514de rgb(37,20,222)
```

Shade Color Variation

#2c1aeb
```
#2c1aeb rgb(44,26,235)
```
#3d2cec
```
#3d2cec rgb(61,44,236)
```
#4e3eee
```
#4e3eee rgb(78,62,238)
```
#5e50f0
```
#5e50f0 rgb(94,80,240)
```
#6f63f1
```
#6f63f1 rgb(111,99,241)
```
#7f75f3
```
#7f75f3 rgb(127,117,243)
```
#9087f4
```
#9087f4 rgb(144,135,244)
```
#a199f6
```
#a199f6 rgb(161,153,246)
```
#b1abf8
```
#b1abf8 rgb(177,171,248)
```
#c2bdf9
```
#c2bdf9 rgb(194,189,249)
```
#d2cffb
```
#d2cffb rgb(210,207,251)
```
#e3e1fc
```
#e3e1fc rgb(227,225,252)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#696777
```
#696777 rgb(105,103,119)
```
#625f7f
```
#625f7f rgb(98,95,127)
```
#5b5688
```
#5b5688 rgb(91,86,136)
```
#534e90
```
#534e90 rgb(83,78,144)
```
#4c4599
```
#4c4599 rgb(76,69,153)
```
#453da1
```
#453da1 rgb(69,61,161)
```
#3e34aa
```
#3e34aa rgb(62,52,170)
```
#372cb2
```
#372cb2 rgb(55,44,178)
```
#3023bb
```
#3023bb rgb(48,35,187)
```
#291bc3
```
#291bc3 rgb(41,27,195)
```
#2212cc
```
#2212cc rgb(34,18,204)
```
#1b09d5
```
#1b09d5 rgb(27,9,213)
```
#1401dd
```
#1401dd rgb(20,1,221)
```

Tone Color Variation

Below, you can see how #2212cc 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

#2c2c2c Achromatopsia 0.005% of the population
#2a274c 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

#0c34a2 Protanomaly 1% of men, 0.01% of women
#0c3796 Deuteranomaly 6% of men, 0.4% of women
#0c3a80 Tritanomaly 0.01% of the population

#2212cc hex color

#2212cc Color Information

#2212cc Color Conversion

Color Schemes with #2212cc

Alternatives to #2212cc

#2212cc Preview

Shades and Tints of #2212cc

Tones of #2212cc

Color Blindness Simulator