#1822c5 hex color

In a RGB color space, hex #1822c5 is composed of 9.4% red, 13.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 82.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 236.5 degrees, a saturation of 78.3% and a lightness of 43.3%. #1822c5 color hex could be obtained by blending #3044ff with #00008b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 9
- G 13
- B 77
RGB color chart
- C 88
- M 83
- Y 0
- K 23
CMYK color chart

● #1822c5 color description : Strong blue.

The hexadecimal color #1822c5 has RGB values of R:24, G:34, B:197 and CMYK values of C:0.88, M:0.83, Y:0, K:0.23. Its decimal value is 1581765.

Hex triplet	1822c5	`#1822c5`
RGB Decimal	24, 34, 197	`rgb(24,34,197)`
RGB Percent	9.4, 13.3, 77.3	`rgb(9.4%,13.3%,77.3%)`
CMYK	88, 83, 0, 23
HSL	236.5°, 78.3, 43.3	`hsl(236.5,78.3%,43.3%)`
HSV (or HSB)	236.5°, 87.8, 77.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.76, 55.223, -82.15
XYZ	11.025, 5.369, 53.275
xyY	0.158, 0.077, 5.369
CIE-LCH	27.76, 98.986, 303.91
CIE-LUV	27.76, -8.088, -99.649
Hunter-Lab	23.17, 44.384, -120.106
Binary	00011000, 00100010, 11000101

#1822c5
```
#1822c5 rgb(24,34,197)
```
#c5bb18
```
#c5bb18 rgb(197,187,24)
```

Complementary Color

#1879c5
```
#1879c5 rgb(24,121,197)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#6518c5
```
#6518c5 rgb(101,24,197)
```

Analogous Color

#79c518
```
#79c518 rgb(121,197,24)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#c56518
```
#c56518 rgb(197,101,24)
```

Split Complementary Color

#22c518
```
#22c518 rgb(34,197,24)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#c51822
```
#c51822 rgb(197,24,34)
```

Triadic Color

#18c5bb
```
#18c5bb rgb(24,197,187)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#c51822
```
#c51822 rgb(197,24,34)
```
#c5bb18
```
#c5bb18 rgb(197,187,24)
```

Tetradic Color

#101681
```
#101681 rgb(16,22,129)
```
#121a98
```
#121a98 rgb(18,26,152)
```
#151eae
```
#151eae rgb(21,30,174)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#1b26dc
```
#1b26dc rgb(27,38,220)
```
#2b36e5
```
#2b36e5 rgb(43,54,229)
```
#424be8
```
#424be8 rgb(66,75,232)
```

Monochromatic Color

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

#184dc5
```
#184dc5 rgb(24,77,197)
```
#183fc5
```
#183fc5 rgb(24,63,197)
```
#1830c5
```
#1830c5 rgb(24,48,197)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#1c18c5
```
#1c18c5 rgb(28,24,197)
```
#2b18c5
```
#2b18c5 rgb(43,24,197)
```
#3918c5
```
#3918c5 rgb(57,24,197)
```

Similar Colors

Text with hexadecimal color #1822c5

This text has a font color of #1822c5.

<span style="color:#1822c5;">Text here</span>

#1822c5 background color

This paragraph has a background color of #1822c5.

<p style="background-color:#1822c5;">Content here</p>

#1822c5 border color

This element has a border color of #1822c5.

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

CSS codes

.text {color:#1822c5;}

.background {background-color:#1822c5;}

.border {border:1px solid #1822c5;}

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 #f2f3fd is the lightest one.

#010105
```
#010105 rgb(1,1,5)
```
#030416
```
#030416 rgb(3,4,22)
```
#050728
```
#050728 rgb(5,7,40)
```
#070a39
```
#070a39 rgb(7,10,57)
```
#090d4b
```
#090d4b rgb(9,13,75)
```
#0b105c
```
#0b105c rgb(11,16,92)
```
#0d136e
```
#0d136e rgb(13,19,110)
```
#0f167f
```
#0f167f rgb(15,22,127)
```
#121991
```
#121991 rgb(18,25,145)
```
#141ca2
```
#141ca2 rgb(20,28,162)
```
#161fb4
```
#161fb4 rgb(22,31,180)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#1a25d6
```
#1a25d6 rgb(26,37,214)
```

Shade Color Variation

#202ce4
```
#202ce4 rgb(32,44,228)
```
#323ce6
```
#323ce6 rgb(50,60,230)
```
#434de8
```
#434de8 rgb(67,77,232)
```
#555dea
```
#555dea rgb(85,93,234)
```
#666eec
```
#666eec rgb(102,110,236)
```
#787fef
```
#787fef rgb(120,127,239)
```
#898ff1
```
#898ff1 rgb(137,143,241)
```
#9ba0f3
```
#9ba0f3 rgb(155,160,243)
```
#acb0f5
```
#acb0f5 rgb(172,176,245)
```
#bec1f7
```
#bec1f7 rgb(190,193,247)
```
#cfd2f9
```
#cfd2f9 rgb(207,210,249)
```
#e1e2fb
```
#e1e2fb rgb(225,226,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#6d6d70
```
#6d6d70 rgb(109,109,112)
```
#656679
```
#656679 rgb(101,102,121)
```
#5c5e81
```
#5c5e81 rgb(92,94,129)
```
#54578a
```
#54578a rgb(84,87,138)
```
#4b4f92
```
#4b4f92 rgb(75,79,146)
```
#43489b
```
#43489b rgb(67,72,155)
```
#3a40a3
```
#3a40a3 rgb(58,64,163)
```
#3239ac
```
#3239ac rgb(50,57,172)
```
#2931b4
```
#2931b4 rgb(41,49,180)
```
#212abd
```
#212abd rgb(33,42,189)
```
#1822c5
```
#1822c5 rgb(24,34,197)
```
#101ace
```
#101ace rgb(16,26,206)
```
#0713d6
```
#0713d6 rgb(7,19,214)
```

Tone Color Variation

Below, you can see how #1822c5 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

#323232 Achromatopsia 0.005% of the population
#2d2f4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#083ba2 Protanomaly 1% of men, 0.01% of women
#083d95 Deuteranomaly 6% of men, 0.4% of women
#08417e Tritanomaly 0.01% of the population

#1822c5 hex color

#1822c5 Color Information

#1822c5 Color Conversion

Color Schemes with #1822c5

Alternatives to #1822c5

#1822c5 Preview

Shades and Tints of #1822c5

Tones of #1822c5

Color Blindness Simulator