#12181f hex color

In a RGB color space, hex #12181f is composed of 7.1% red, 9.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 22.6% magenta, 0% yellow and 87.8% black. It has a hue angle of 212.3 degrees, a saturation of 26.5% and a lightness of 9.6%. #12181f color hex could be obtained by blending #24303e with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 7
- G 9
- B 12
RGB color chart
- C 42
- M 23
- Y 0
- K 88
CMYK color chart

● #12181f color description : Very dark (mostly black) blue.

The hexadecimal color #12181f has RGB values of R:18, G:24, B:31 and CMYK values of C:0.42, M:0.23, Y:0, K:0.88. Its decimal value is 1185823.

Hex triplet	12181f	`#12181f`
RGB Decimal	18, 24, 31	`rgb(18,24,31)`
RGB Percent	7.1, 9.4, 12.2	`rgb(7.1%,9.4%,12.2%)`
CMYK	42, 23, 0, 88
HSL	212.3°, 26.5, 9.6	`hsl(212.3,26.5%,9.6%)`
HSV (or HSB)	212.3°, 41.9, 12.2
Web Safe	000033	`#000033`

CIE-LAB	7.956, -0.565, -5.805
XYZ	0.823, 0.881, 1.423
xyY	0.263, 0.282, 0.881
CIE-LCH	7.956, 5.833, 264.442
CIE-LUV	7.956, -1.852, -3.646
Hunter-Lab	9.385, -0.764, -2.42
Binary	00010010, 00011000, 00011111

#12181f
```
#12181f rgb(18,24,31)
```
#1f1912
```
#1f1912 rgb(31,25,18)
```

Complementary Color

#121f1f
```
#121f1f rgb(18,31,31)
```
#12181f
```
#12181f rgb(18,24,31)
```
#13121f
```
#13121f rgb(19,18,31)
```

Analogous Color

#1f1f12
```
#1f1f12 rgb(31,31,18)
```
#12181f
```
#12181f rgb(18,24,31)
```
#1f1312
```
#1f1312 rgb(31,19,18)
```

Split Complementary Color

#181f12
```
#181f12 rgb(24,31,18)
```
#12181f
```
#12181f rgb(18,24,31)
```
#1f1218
```
#1f1218 rgb(31,18,24)
```

Triadic Color

#121f19
```
#121f19 rgb(18,31,25)
```
#12181f
```
#12181f rgb(18,24,31)
```
#1f1218
```
#1f1218 rgb(31,18,24)
```
#1f1912
```
#1f1912 rgb(31,25,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#090c0f
```
#090c0f rgb(9,12,15)
```
#12181f
```
#12181f rgb(18,24,31)
```
#1b242f
```
#1b242f rgb(27,36,47)
```
#25313f
```
#25313f rgb(37,49,63)
```
#2e3d4f
```
#2e3d4f rgb(46,61,79)
```

Monochromatic Color

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

#121b1f
```
#121b1f rgb(18,27,31)
```
#121a1f
```
#121a1f rgb(18,26,31)
```
#12191f
```
#12191f rgb(18,25,31)
```
#12181f
```
#12181f rgb(18,24,31)
```
#12171f
```
#12171f rgb(18,23,31)
```
#12161f
```
#12161f rgb(18,22,31)
```
#12151f
```
#12151f rgb(18,21,31)
```

Similar Colors

Text with hexadecimal color #12181f

This text has a font color of #12181f.

<span style="color:#12181f;">Text here</span>

#12181f background color

This paragraph has a background color of #12181f.

<p style="background-color:#12181f;">Content here</p>

#12181f border color

This element has a border color of #12181f.

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

CSS codes

.text {color:#12181f;}

.background {background-color:#12181f;}

.border {border:1px solid #12181f;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e13
```
#0b0e13 rgb(11,14,19)
```
#12181f
```
#12181f rgb(18,24,31)
```
#19222b
```
#19222b rgb(25,34,43)
```
#202b38
```
#202b38 rgb(32,43,56)
```
#283544
```
#283544 rgb(40,53,68)
```
#2f3e51
```
#2f3e51 rgb(47,62,81)
```
#36485d
```
#36485d rgb(54,72,93)
```
#3d5269
```
#3d5269 rgb(61,82,105)
```
#445b76
```
#445b76 rgb(68,91,118)
```
#4c6582
```
#4c6582 rgb(76,101,130)
```
#536e8f
```
#536e8f rgb(83,110,143)
```
#5a789b
```
#5a789b rgb(90,120,155)
```

Shade Color Variation

#6482a5
```
#6482a5 rgb(100,130,165)
```
#708cac
```
#708cac rgb(112,140,172)
```
#7d96b3
```
#7d96b3 rgb(125,150,179)
```
#89a0bb
```
#89a0bb rgb(137,160,187)
```
#95aac2
```
#95aac2 rgb(149,170,194)
```
#a2b4c9
```
#a2b4c9 rgb(162,180,201)
```
#aebed0
```
#aebed0 rgb(174,190,208)
```
#bbc8d7
```
#bbc8d7 rgb(187,200,215)
```
#c7d2df
```
#c7d2df rgb(199,210,223)
```
#d4dce6
```
#d4dce6 rgb(212,220,230)
```
#e0e6ed
```
#e0e6ed rgb(224,230,237)
```
#ecf0f4
```
#ecf0f4 rgb(236,240,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#181819
```
#181819 rgb(24,24,25)
```
#16181b
```
#16181b rgb(22,24,27)
```
#14181d
```
#14181d rgb(20,24,29)
```
#12181f
```
#12181f rgb(18,24,31)
```
#101821
```
#101821 rgb(16,24,33)
```
#0e1823
```
#0e1823 rgb(14,24,35)
```
#0c1825
```
#0c1825 rgb(12,24,37)
```
#0a1727
```
#0a1727 rgb(10,23,39)
```
#091728
```
#091728 rgb(9,23,40)
```
#07172a
```
#07172a rgb(7,23,42)
```
#05172c
```
#05172c rgb(5,23,44)
```
#03172e
```
#03172e rgb(3,23,46)
```
#011730
```
#011730 rgb(1,23,48)
```

Tone Color Variation

Below, you can see how #12181f 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

#171717 Achromatopsia 0.005% of the population
#161719 Atypical Achromatopsia 0.001% of the population

Dichromacy

#21232a Protanopia 1% of men
#22222b Deuteranopia 1% of men
#1d2427 Tritanopia 0.001% of the population

Trichromacy

#1c1f26 Protanomaly 1% of men, 0.01% of women
#1c1e26 Deuteranomaly 6% of men, 0.4% of women
#192024 Tritanomaly 0.01% of the population

#12181f hex color

#12181f Color Information

#12181f Color Conversion

Color Schemes with #12181f

Alternatives to #12181f

#12181f Preview

Shades and Tints of #12181f

Tones of #12181f

Color Blindness Simulator