colorhexa.com

#1822c4 hex color

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

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

● #1822c4 color description : Strong blue.

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

Hex triplet	1822c4	`#1822c4`
RGB Decimal	24, 34, 196	`rgb(24,34,196)`
RGB Percent	9.4, 13.3, 76.9	`rgb(9.4%,13.3%,76.9%)`
CMYK	88, 83, 0, 23
HSL	236.5°, 78.2, 43.1	`hsl(236.5,78.2%,43.1%)`
HSV (or HSB)	236.5°, 87.8, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.636, 54.915, -81.769
XYZ	10.911, 5.323, 52.674
xyY	0.158, 0.077, 5.323
CIE-LCH	27.636, 98.498, 303.885
CIE-LUV	27.636, -8.052, -99.073
Hunter-Lab	23.072, 44.037, -119.213
Binary	00011000, 00100010, 11000100

#1822c4
```
#1822c4 rgb(24,34,196)
```
#c4ba18
```
#c4ba18 rgb(196,186,24)
```

Complementary Color

#1878c4
```
#1878c4 rgb(24,120,196)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#6418c4
```
#6418c4 rgb(100,24,196)
```

Analogous Color

#78c418
```
#78c418 rgb(120,196,24)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#c46418
```
#c46418 rgb(196,100,24)
```

Split Complementary Color

#22c418
```
#22c418 rgb(34,196,24)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#c41822
```
#c41822 rgb(196,24,34)
```

Triadic Color

#18c4ba
```
#18c4ba rgb(24,196,186)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#c41822
```
#c41822 rgb(196,24,34)
```
#c4ba18
```
#c4ba18 rgb(196,186,24)
```

Tetradic Color

#101680
```
#101680 rgb(16,22,128)
```
#121a97
```
#121a97 rgb(18,26,151)
```
#151ead
```
#151ead rgb(21,30,173)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#1b26db
```
#1b26db rgb(27,38,219)
```
#2a35e5
```
#2a35e5 rgb(42,53,229)
```
#414ae8
```
#414ae8 rgb(65,74,232)
```

Monochromatic Color

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

#184dc4
```
#184dc4 rgb(24,77,196)
```
#183fc4
```
#183fc4 rgb(24,63,196)
```
#1830c4
```
#1830c4 rgb(24,48,196)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#1c18c4
```
#1c18c4 rgb(28,24,196)
```
#2b18c4
```
#2b18c4 rgb(43,24,196)
```
#3918c4
```
#3918c4 rgb(57,24,196)
```

Similar Colors

Text with hexadecimal color #1822c4

This text has a font color of #1822c4.

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

#1822c4 background color

This paragraph has a background color of #1822c4.

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

#1822c4 border color

This element has a border color of #1822c4.

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

CSS codes

.text {color:#1822c4;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#030415
```
#030415 rgb(3,4,21)
```
#050727
```
#050727 rgb(5,7,39)
```
#070a38
```
#070a38 rgb(7,10,56)
```
#090d4a
```
#090d4a rgb(9,13,74)
```
#0b105b
```
#0b105b rgb(11,16,91)
```
#0d136d
```
#0d136d rgb(13,19,109)
```
#0f167e
```
#0f167e rgb(15,22,126)
```
#121990
```
#121990 rgb(18,25,144)
```
#141ca1
```
#141ca1 rgb(20,28,161)
```
#161fb3
```
#161fb3 rgb(22,31,179)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#1a25d5
```
#1a25d5 rgb(26,37,213)
```

Shade Color Variation

#202be4
```
#202be4 rgb(32,43,228)
```
#313ce6
```
#313ce6 rgb(49,60,230)
```
#434ce8
```
#434ce8 rgb(67,76,232)
```
#545dea
```
#545dea rgb(84,93,234)
```
#656dec
```
#656dec rgb(101,109,236)
```
#777eee
```
#777eee rgb(119,126,238)
```
#888ef0
```
#888ef0 rgb(136,142,240)
```
#9a9ff3
```
#9a9ff3 rgb(154,159,243)
```
#abb0f5
```
#abb0f5 rgb(171,176,245)
```
#bdc0f7
```
#bdc0f7 rgb(189,192,247)
```
#ced1f9
```
#ced1f9 rgb(206,209,249)
```
#e0e1fb
```
#e0e1fb rgb(224,225,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#6d6d6f
```
#6d6d6f rgb(109,109,111)
```
#646578
```
#646578 rgb(100,101,120)
```
#5c5e80
```
#5c5e80 rgb(92,94,128)
```
#535689
```
#535689 rgb(83,86,137)
```
#4b4f91
```
#4b4f91 rgb(75,79,145)
```
#42479a
```
#42479a rgb(66,71,154)
```
#3a40a2
```
#3a40a2 rgb(58,64,162)
```
#3138ab
```
#3138ab rgb(49,56,171)
```
#2931b3
```
#2931b3 rgb(41,49,179)
```
#2029bc
```
#2029bc rgb(32,41,188)
```
#1822c4
```
#1822c4 rgb(24,34,196)
```
#101bcc
```
#101bcc rgb(16,27,204)
```
#0713d5
```
#0713d5 rgb(7,19,213)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2c2e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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