#18212a hex color

In a RGB color space, hex #18212a is composed of 9.4% red, 12.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 21.4% magenta, 0% yellow and 83.5% black. It has a hue angle of 210 degrees, a saturation of 27.3% and a lightness of 12.9%. #18212a color hex could be obtained by blending #304254 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 9
- G 13
- B 16
RGB color chart
- C 43
- M 21
- Y 0
- K 84
CMYK color chart

● #18212a color description : Very dark (mostly black) blue.

The hexadecimal color #18212a has RGB values of R:24, G:33, B:42 and CMYK values of C:0.43, M:0.21, Y:0, K:0.84. Its decimal value is 1581354.

Hex triplet	18212a	`#18212a`
RGB Decimal	24, 33, 42	`rgb(24,33,42)`
RGB Percent	9.4, 12.9, 16.5	`rgb(9.4%,12.9%,16.5%)`
CMYK	43, 21, 0, 84
HSL	210°, 27.3, 12.9	`hsl(210,27.3%,12.9%)`
HSV (or HSB)	210°, 42.9, 16.5
Web Safe	003333	`#003333`

CIE-LAB	12.28, -1.158, -7.314
XYZ	1.338, 1.449, 2.4
xyY	0.258, 0.279, 1.449
CIE-LCH	12.28, 7.405, 261.002
CIE-LUV	12.28, -3.352, -5.993
Hunter-Lab	12.038, -1.22, -3.392
Binary	00011000, 00100001, 00101010

#18212a
```
#18212a rgb(24,33,42)
```
#2a2118
```
#2a2118 rgb(42,33,24)
```

Complementary Color

#182a2a
```
#182a2a rgb(24,42,42)
```
#18212a
```
#18212a rgb(24,33,42)
```
#18182a
```
#18182a rgb(24,24,42)
```

Analogous Color

#2a2a18
```
#2a2a18 rgb(42,42,24)
```
#18212a
```
#18212a rgb(24,33,42)
```
#2a1818
```
#2a1818 rgb(42,24,24)
```

Split Complementary Color

#212a18
```
#212a18 rgb(33,42,24)
```
#18212a
```
#18212a rgb(24,33,42)
```
#2a1821
```
#2a1821 rgb(42,24,33)
```

Triadic Color

#182a21
```
#182a21 rgb(24,42,33)
```
#18212a
```
#18212a rgb(24,33,42)
```
#2a1821
```
#2a1821 rgb(42,24,33)
```
#2a2118
```
#2a2118 rgb(42,33,24)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#05080a
```
#05080a rgb(5,8,10)
```
#0f141a
```
#0f141a rgb(15,20,26)
```
#18212a
```
#18212a rgb(24,33,42)
```
#212e3a
```
#212e3a rgb(33,46,58)
```
#2b3b4a
```
#2b3b4a rgb(43,59,74)
```
#34475b
```
#34475b rgb(52,71,91)
```

Monochromatic Color

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

#18262a
```
#18262a rgb(24,38,42)
```
#18242a
```
#18242a rgb(24,36,42)
```
#18232a
```
#18232a rgb(24,35,42)
```
#18212a
```
#18212a rgb(24,33,42)
```
#18202a
```
#18202a rgb(24,32,42)
```
#181e2a
```
#181e2a rgb(24,30,42)
```
#181d2a
```
#181d2a rgb(24,29,42)
```

Similar Colors

Text with hexadecimal color #18212a

This text has a font color of #18212a.

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

#18212a background color

This paragraph has a background color of #18212a.

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

#18212a border color

This element has a border color of #18212a.

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

CSS codes

.text {color:#18212a;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#11171e
```
#11171e rgb(17,23,30)
```
#18212a
```
#18212a rgb(24,33,42)
```
#1f2b36
```
#1f2b36 rgb(31,43,54)
```
#263543
```
#263543 rgb(38,53,67)
```
#2d3e4f
```
#2d3e4f rgb(45,62,79)
```
#35485c
```
#35485c rgb(53,72,92)
```
#3c5268
```
#3c5268 rgb(60,82,104)
```
#435c75
```
#435c75 rgb(67,92,117)
```
#4a6681
```
#4a6681 rgb(74,102,129)
```
#516f8e
```
#516f8e rgb(81,111,142)
```
#58799a
```
#58799a rgb(88,121,154)
```

Shade Color Variation

#6183a5
```
#6183a5 rgb(97,131,165)
```
#6e8dac
```
#6e8dac rgb(110,141,172)
```
#7a97b3
```
#7a97b3 rgb(122,151,179)
```
#87a1ba
```
#87a1ba rgb(135,161,186)
```
#93aac1
```
#93aac1 rgb(147,170,193)
```
#a0b4c9
```
#a0b4c9 rgb(160,180,201)
```
#acbed0
```
#acbed0 rgb(172,190,208)
```
#b9c8d7
```
#b9c8d7 rgb(185,200,215)
```
#c5d2de
```
#c5d2de rgb(197,210,222)
```
#d2dbe5
```
#d2dbe5 rgb(210,219,229)
```
#dee5ec
```
#dee5ec rgb(222,229,236)
```
#ebeff3
```
#ebeff3 rgb(235,239,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#202122
```
#202122 rgb(32,33,34)
```
#1d2125
```
#1d2125 rgb(29,33,37)
```
#1b2127
```
#1b2127 rgb(27,33,39)
```
#18212a
```
#18212a rgb(24,33,42)
```
#15212d
```
#15212d rgb(21,33,45)
```
#13212f
```
#13212f rgb(19,33,47)
```
#102132
```
#102132 rgb(16,33,50)
```
#0e2134
```
#0e2134 rgb(14,33,52)
```
#0b2137
```
#0b2137 rgb(11,33,55)
```
#092139
```
#092139 rgb(9,33,57)
```
#06213c
```
#06213c rgb(6,33,60)
```
#04213e
```
#04213e rgb(4,33,62)
```
#012141
```
#012141 rgb(1,33,65)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#1e1f21 Atypical Achromatopsia 0.001% of the population

Dichromacy

#292b34 Protanopia 1% of men
#2a2a35 Deuteranopia 1% of men
#222d30 Tritanopia 0.001% of the population

Trichromacy

#232730 Protanomaly 1% of men, 0.01% of women
#232731 Deuteranomaly 6% of men, 0.4% of women
#1e282e Tritanomaly 0.01% of the population

#18212a hex color

#18212a Color Information

#18212a Color Conversion

Color Schemes with #18212a

Alternatives to #18212a

#18212a Preview

Shades and Tints of #18212a

Tones of #18212a

Color Blindness Simulator