#18224c hex color

In a RGB color space, hex #18224c is composed of 9.4% red, 13.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 55.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 228.5 degrees, a saturation of 52% and a lightness of 19.6%. #18224c color hex could be obtained by blending #304498 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 9
- G 13
- B 30
RGB color chart
- C 68
- M 55
- Y 0
- K 70
CMYK color chart

● #18224c color description : Very dark blue.

The hexadecimal color #18224c has RGB values of R:24, G:34, B:76 and CMYK values of C:0.68, M:0.55, Y:0, K:0.7. Its decimal value is 1581644.

Hex triplet	18224c	`#18224c`
RGB Decimal	24, 34, 76	`rgb(24,34,76)`
RGB Percent	9.4, 13.3, 29.8	`rgb(9.4%,13.3%,29.8%)`
CMYK	68, 55, 0, 70
HSL	228.5°, 52, 19.6	`hsl(228.5,52%,19.6%)`
HSV (or HSB)	228.5°, 68.4, 29.8
Web Safe	003333	`#003333`

CIE-LAB	14.734, 11.153, -27.424
XYZ	2.253, 1.86, 7.077
xyY	0.201, 0.166, 1.86
CIE-LCH	14.734, 29.605, 292.131
CIE-LUV	14.734, -4.302, -27.308
Hunter-Lab	13.638, 5.621, -21.222
Binary	00011000, 00100010, 01001100

#18224c
```
#18224c rgb(24,34,76)
```
#4c4218
```
#4c4218 rgb(76,66,24)
```

Complementary Color

#183c4c
```
#183c4c rgb(24,60,76)
```
#18224c
```
#18224c rgb(24,34,76)
```
#28184c
```
#28184c rgb(40,24,76)
```

Analogous Color

#3c4c18
```
#3c4c18 rgb(60,76,24)
```
#18224c
```
#18224c rgb(24,34,76)
```
#4c2818
```
#4c2818 rgb(76,40,24)
```

Split Complementary Color

#224c18
```
#224c18 rgb(34,76,24)
```
#18224c
```
#18224c rgb(24,34,76)
```
#4c1822
```
#4c1822 rgb(76,24,34)
```

Triadic Color

#184c42
```
#184c42 rgb(24,76,66)
```
#18224c
```
#18224c rgb(24,34,76)
```
#4c1822
```
#4c1822 rgb(76,24,34)
```
#4c4218
```
#4c4218 rgb(76,66,24)
```

Tetradic Color

#060812
```
#060812 rgb(6,8,18)
```
#0c1125
```
#0c1125 rgb(12,17,37)
```
#121939
```
#121939 rgb(18,25,57)
```
#18224c
```
#18224c rgb(24,34,76)
```
#1e2b5f
```
#1e2b5f rgb(30,43,95)
```
#243373
```
#243373 rgb(36,51,115)
```
#2a3c86
```
#2a3c86 rgb(42,60,134)
```

Monochromatic Color

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

#182f4c
```
#182f4c rgb(24,47,76)
```
#182b4c
```
#182b4c rgb(24,43,76)
```
#18264c
```
#18264c rgb(24,38,76)
```
#18224c
```
#18224c rgb(24,34,76)
```
#181e4c
```
#181e4c rgb(24,30,76)
```
#18194c
```
#18194c rgb(24,25,76)
```
#1b184c
```
#1b184c rgb(27,24,76)
```

Similar Colors

Text with hexadecimal color #18224c

This text has a font color of #18224c.

<span style="color:#18224c;">Text here</span>

#18224c background color

This paragraph has a background color of #18224c.

<p style="background-color:#18224c;">Content here</p>

#18224c border color

This element has a border color of #18224c.

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

CSS codes

.text {color:#18224c;}

.background {background-color:#18224c;}

.border {border:1px solid #18224c;}

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

#000101
```
#000101 rgb(0,1,1)
```
#050710
```
#050710 rgb(5,7,16)
```
#0a0e1f
```
#0a0e1f rgb(10,14,31)
```
#0f152e
```
#0f152e rgb(15,21,46)
```
#131b3d
```
#131b3d rgb(19,27,61)
```
#18224c
```
#18224c rgb(24,34,76)
```
#1d295b
```
#1d295b rgb(29,41,91)
```
#212f6a
```
#212f6a rgb(33,47,106)
```
#263679
```
#263679 rgb(38,54,121)
```
#2b3d88
```
#2b3d88 rgb(43,61,136)
```
#304397
```
#304397 rgb(48,67,151)
```
#344aa5
```
#344aa5 rgb(52,74,165)
```
#3951b4
```
#3951b4 rgb(57,81,180)
```

Shade Color Variation

#3f58c2
```
#3f58c2 rgb(63,88,194)
```
#4e65c7
```
#4e65c7 rgb(78,101,199)
```
#5c72cc
```
#5c72cc rgb(92,114,204)
```
#6b7fd0
```
#6b7fd0 rgb(107,127,208)
```
#7a8cd5
```
#7a8cd5 rgb(122,140,213)
```
#8999da
```
#8999da rgb(137,153,218)
```
#98a6df
```
#98a6df rgb(152,166,223)
```
#a7b3e3
```
#a7b3e3 rgb(167,179,227)
```
#b6c0e8
```
#b6c0e8 rgb(182,192,232)
```
#c5cced
```
#c5cced rgb(197,204,237)
```
#d4d9f1
```
#d4d9f1 rgb(212,217,241)
```
#e3e6f6
```
#e3e6f6 rgb(227,230,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#2f3035
```
#2f3035 rgb(47,48,53)
```
#2b2e39
```
#2b2e39 rgb(43,46,57)
```
#272b3d
```
#272b3d rgb(39,43,61)
```
#242940
```
#242940 rgb(36,41,64)
```
#202744
```
#202744 rgb(32,39,68)
```
#1c2448
```
#1c2448 rgb(28,36,72)
```
#18224c
```
#18224c rgb(24,34,76)
```
#142050
```
#142050 rgb(20,32,80)
```
#101d54
```
#101d54 rgb(16,29,84)
```
#0c1b58
```
#0c1b58 rgb(12,27,88)
```
#09195b
```
#09195b rgb(9,25,91)
```
#05165f
```
#05165f rgb(5,22,95)
```
#011463
```
#011463 rgb(1,20,99)
```

Tone Color Variation

Below, you can see how #18224c 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

#242424 Achromatopsia 0.005% of the population
#22242c Atypical Achromatopsia 0.001% of the population

Dichromacy

#172f56 Protanopia 1% of men
#003151 Deuteranopia 1% of men
#0f3438 Tritanopia 0.001% of the population

Trichromacy

#172a52 Protanomaly 1% of men, 0.01% of women
#082b4f Deuteranomaly 6% of men, 0.4% of women
#122e3f Tritanomaly 0.01% of the population

#18224c hex color

#18224c Color Information

#18224c Color Conversion

Color Schemes with #18224c

Alternatives to #18224c

#18224c Preview

Shades and Tints of #18224c

Tones of #18224c

Color Blindness Simulator