#18228a hex color

In a RGB color space, hex #18228a is composed of 9.4% red, 13.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 75.4% magenta, 0% yellow and 45.9% black. It has a hue angle of 234.7 degrees, a saturation of 70.4% and a lightness of 31.8%. #18228a color hex could be obtained by blending #3044ff with #000015. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 9
- G 13
- B 54
RGB color chart
- C 83
- M 75
- Y 0
- K 46
CMYK color chart

● #18228a color description : Dark blue.

The hexadecimal color #18228a has RGB values of R:24, G:34, B:138 and CMYK values of C:0.83, M:0.75, Y:0, K:0.46. Its decimal value is 1581706.

Hex triplet	18228a	`#18228a`
RGB Decimal	24, 34, 138	`rgb(24,34,138)`
RGB Percent	9.4, 13.3, 54.1	`rgb(9.4%,13.3%,54.1%)`
CMYK	83, 75, 0, 46
HSL	234.7°, 70.4, 31.8	`hsl(234.7,70.4%,31.8%)`
HSV (or HSB)	234.7°, 82.6, 54.1
Web Safe	003399	`#003399`

CIE-LAB	20.723, 35.517, -58.105
XYZ	5.535, 3.173, 24.364
xyY	0.167, 0.096, 3.173
CIE-LCH	20.723, 68.1, 301.436
CIE-LUV	20.723, -6.041, -65.222
Hunter-Lab	17.812, 24.297, -68.629
Binary	00011000, 00100010, 10001010

#18228a
```
#18228a rgb(24,34,138)
```
#8a8018
```
#8a8018 rgb(138,128,24)
```

Complementary Color

#185b8a
```
#185b8a rgb(24,91,138)
```
#18228a
```
#18228a rgb(24,34,138)
```
#47188a
```
#47188a rgb(71,24,138)
```

Analogous Color

#5b8a18
```
#5b8a18 rgb(91,138,24)
```
#18228a
```
#18228a rgb(24,34,138)
```
#8a4718
```
#8a4718 rgb(138,71,24)
```

Split Complementary Color

#228a18
```
#228a18 rgb(34,138,24)
```
#18228a
```
#18228a rgb(24,34,138)
```
#8a1822
```
#8a1822 rgb(138,24,34)
```

Triadic Color

#188a80
```
#188a80 rgb(24,138,128)
```
#18228a
```
#18228a rgb(24,34,138)
```
#8a1822
```
#8a1822 rgb(138,24,34)
```
#8a8018
```
#8a8018 rgb(138,128,24)
```

Tetradic Color

#0d1249
```
#0d1249 rgb(13,18,73)
```
#10175f
```
#10175f rgb(16,23,95)
```
#141d74
```
#141d74 rgb(20,29,116)
```
#18228a
```
#18228a rgb(24,34,138)
```
#1c27a0
```
#1c27a0 rgb(28,39,160)
```
#202db5
```
#202db5 rgb(32,45,181)
```
#2332cb
```
#2332cb rgb(35,50,203)
```

Monochromatic Color

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

#183f8a
```
#183f8a rgb(24,63,138)
```
#18358a
```
#18358a rgb(24,53,138)
```
#182c8a
```
#182c8a rgb(24,44,138)
```
#18228a
```
#18228a rgb(24,34,138)
```
#18198a
```
#18198a rgb(24,25,138)
```
#21188a
```
#21188a rgb(33,24,138)
```
#2a188a
```
#2a188a rgb(42,24,138)
```

Similar Colors

Text with hexadecimal color #18228a

This text has a font color of #18228a.

<span style="color:#18228a;">Text here</span>

#18228a background color

This paragraph has a background color of #18228a.

<p style="background-color:#18228a;">Content here</p>

#18228a border color

This element has a border color of #18228a.

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

CSS codes

.text {color:#18228a;}

.background {background-color:#18228a;}

.border {border:1px solid #18228a;}

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

#010104
```
#010104 rgb(1,1,4)
```
#040515
```
#040515 rgb(4,5,21)
```
#070926
```
#070926 rgb(7,9,38)
```
#090d36
```
#090d36 rgb(9,13,54)
```
#0c1247
```
#0c1247 rgb(12,18,71)
```
#0f1658
```
#0f1658 rgb(15,22,88)
```
#121a69
```
#121a69 rgb(18,26,105)
```
#151e79
```
#151e79 rgb(21,30,121)
```
#18228a
```
#18228a rgb(24,34,138)
```
#1b269b
```
#1b269b rgb(27,38,155)
```
#1e2aab
```
#1e2aab rgb(30,42,171)
```
#212ebc
```
#212ebc rgb(33,46,188)
```
#2432cd
```
#2432cd rgb(36,50,205)
```

Shade Color Variation

#2a3ada
```
#2a3ada rgb(42,58,218)
```
#3b49dd
```
#3b49dd rgb(59,73,221)
```
#4c59e0
```
#4c59e0 rgb(76,89,224)
```
#5c68e3
```
#5c68e3 rgb(92,104,227)
```
#6d78e6
```
#6d78e6 rgb(109,120,230)
```
#7e87e9
```
#7e87e9 rgb(126,135,233)
```
#8e97eb
```
#8e97eb rgb(142,151,235)
```
#9fa6ee
```
#9fa6ee rgb(159,166,238)
```
#b0b6f1
```
#b0b6f1 rgb(176,182,241)
```
#c0c5f4
```
#c0c5f4 rgb(192,197,244)
```
#d1d5f7
```
#d1d5f7 rgb(209,213,247)
```
#e2e4fa
```
#e2e4fa rgb(226,228,250)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#505052
```
#505052 rgb(80,80,82)
```
#4a4b58
```
#4a4b58 rgb(74,75,88)
```
#44465e
```
#44465e rgb(68,70,94)
```
#3d4165
```
#3d4165 rgb(61,65,101)
```
#373c6b
```
#373c6b rgb(55,60,107)
```
#313771
```
#313771 rgb(49,55,113)
```
#2b3177
```
#2b3177 rgb(43,49,119)
```
#242c7e
```
#242c7e rgb(36,44,126)
```
#1e2784
```
#1e2784 rgb(30,39,132)
```
#18228a
```
#18228a rgb(24,34,138)
```
#121d90
```
#121d90 rgb(18,29,144)
```
#0c1896
```
#0c1896 rgb(12,24,150)
```
#05139d
```
#05139d rgb(5,19,157)
```

Tone Color Variation

Below, you can see how #18228a 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

#2b2b2b Achromatopsia 0.005% of the population
#27293e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#08317a Protanomaly 1% of men, 0.01% of women
#083371 Deuteranomaly 6% of men, 0.4% of women
#08365e Tritanomaly 0.01% of the population

#18228a hex color

#18228a Color Information

#18228a Color Conversion

Color Schemes with #18228a

Alternatives to #18228a

#18228a Preview

Shades and Tints of #18228a

Tones of #18228a

Color Blindness Simulator