#1221e3 hex color

In a RGB color space, hex #1221e3 is composed of 7.1% red, 12.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 85.5% magenta, 0% yellow and 11% black. It has a hue angle of 235.7 degrees, a saturation of 85.3% and a lightness of 48%. #1221e3 color hex could be obtained by blending #2442ff with #0000c7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 13
- B 89
RGB color chart
- C 92
- M 85
- Y 0
- K 11
CMYK color chart

● #1221e3 color description : Vivid blue.

The hexadecimal color #1221e3 has RGB values of R:18, G:33, B:227 and CMYK values of C:0.92, M:0.85, Y:0, K:0.11. Its decimal value is 1188323.

Hex triplet	1221e3	`#1221e3`
RGB Decimal	18, 33, 227	`rgb(18,33,227)`
RGB Percent	7.1, 12.9, 89	`rgb(7.1%,12.9%,89%)`
CMYK	92, 85, 0, 11
HSL	235.7°, 85.3, 48	`hsl(235.7,85.3%,48%)`
HSV (or HSB)	235.7°, 92.1, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.257, 64.424, -93.729
XYZ	14.656, 6.761, 73.201
xyY	0.155, 0.071, 6.761
CIE-LCH	31.257, 113.734, 304.502
CIE-LUV	31.257, -9.427, -116.644
Hunter-Lab	26.002, 55.103, -148.711
Binary	00010010, 00100001, 11100011

#1221e3
```
#1221e3 rgb(18,33,227)
```
#e3d412
```
#e3d412 rgb(227,212,18)
```

Complementary Color

#128ae3
```
#128ae3 rgb(18,138,227)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#6c12e3
```
#6c12e3 rgb(108,18,227)
```

Analogous Color

#8ae312
```
#8ae312 rgb(138,227,18)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#e36c12
```
#e36c12 rgb(227,108,18)
```

Split Complementary Color

#21e312
```
#21e312 rgb(33,227,18)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#e31221
```
#e31221 rgb(227,18,33)
```

Triadic Color

#12e3d4
```
#12e3d4 rgb(18,227,212)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#e31221
```
#e31221 rgb(227,18,33)
```
#e3d412
```
#e3d412 rgb(227,212,18)
```

Tetradic Color

#0c179c
```
#0c179c rgb(12,23,156)
```
#0e1ab4
```
#0e1ab4 rgb(14,26,180)
```
#101ecb
```
#101ecb rgb(16,30,203)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#2130ed
```
#2130ed rgb(33,48,237)
```
#3946ef
```
#3946ef rgb(57,70,239)
```
#505cf1
```
#505cf1 rgb(80,92,241)
```

Monochromatic Color

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

#1255e3
```
#1255e3 rgb(18,85,227)
```
#1244e3
```
#1244e3 rgb(18,68,227)
```
#1232e3
```
#1232e3 rgb(18,50,227)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#1412e3
```
#1412e3 rgb(20,18,227)
```
#2612e3
```
#2612e3 rgb(38,18,227)
```
#3712e3
```
#3712e3 rgb(55,18,227)
```

Similar Colors

Text with hexadecimal color #1221e3

This text has a font color of #1221e3.

<span style="color:#1221e3;">Text here</span>

#1221e3 background color

This paragraph has a background color of #1221e3.

<p style="background-color:#1221e3;">Content here</p>

#1221e3 border color

This element has a border color of #1221e3.

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

CSS codes

.text {color:#1221e3;}

.background {background-color:#1221e3;}

.border {border:1px solid #1221e3;}

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

#010109
```
#010109 rgb(1,1,9)
```
#02041b
```
#02041b rgb(2,4,27)
```
#04072d
```
#04072d rgb(4,7,45)
```
#05093f
```
#05093f rgb(5,9,63)
```
#060c52
```
#060c52 rgb(6,12,82)
```
#080f64
```
#080f64 rgb(8,15,100)
```
#091176
```
#091176 rgb(9,17,118)
```
#0b1488
```
#0b1488 rgb(11,20,136)
```
#0c169a
```
#0c169a rgb(12,22,154)
```
#0e19ac
```
#0e19ac rgb(14,25,172)
```
#0f1cbf
```
#0f1cbf rgb(15,28,191)
```
#111ed1
```
#111ed1 rgb(17,30,209)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```

Shade Color Variation

#1c2bed
```
#1c2bed rgb(28,43,237)
```
#2e3cee
```
#2e3cee rgb(46,60,238)
```
#404df0
```
#404df0 rgb(64,77,240)
```
#525ef1
```
#525ef1 rgb(82,94,241)
```
#646ff3
```
#646ff3 rgb(100,111,243)
```
#7780f4
```
#7780f4 rgb(119,128,244)
```
#8991f6
```
#8991f6 rgb(137,145,246)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#adb2f9
```
#adb2f9 rgb(173,178,249)
```
#bfc3fa
```
#bfc3fa rgb(191,195,250)
```
#d1d4fb
```
#d1d4fb rgb(209,212,251)
```
#e4e5fd
```
#e4e5fd rgb(228,229,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#7a7a7b
```
#7a7a7b rgb(122,122,123)
```
#707285
```
#707285 rgb(112,114,133)
```
#676a8e
```
#676a8e rgb(103,106,142)
```
#5d6298
```
#5d6298 rgb(93,98,152)
```
#5459a1
```
#5459a1 rgb(84,89,161)
```
#4b51aa
```
#4b51aa rgb(75,81,170)
```
#4149b4
```
#4149b4 rgb(65,73,180)
```
#3841bd
```
#3841bd rgb(56,65,189)
```
#2e39c7
```
#2e39c7 rgb(46,57,199)
```
#2531d0
```
#2531d0 rgb(37,49,208)
```
#1b29da
```
#1b29da rgb(27,41,218)
```
#1221e3
```
#1221e3 rgb(18,33,227)
```
#0919ec
```
#0919ec rgb(9,25,236)
```

Tone Color Variation

Below, you can see how #1221e3 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

#333333 Achromatopsia 0.005% of the population
#2c2f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#063fb6 Protanomaly 1% of men, 0.01% of women
#0642a8 Deuteranomaly 6% of men, 0.4% of women
#06468e Tritanomaly 0.01% of the population

#1221e3 hex color

#1221e3 Color Information

#1221e3 Color Conversion

Color Schemes with #1221e3

Alternatives to #1221e3

#1221e3 Preview

Shades and Tints of #1221e3

Tones of #1221e3

Color Blindness Simulator