#121224 hex color

In a RGB color space, hex #121224 is composed of 7.1% red, 7.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 50% magenta, 0% yellow and 85.9% black. It has a hue angle of 240 degrees, a saturation of 33.3% and a lightness of 10.6%. #121224 color hex could be obtained by blending #242448 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 7
- G 7
- B 14
RGB color chart
- C 50
- M 50
- Y 0
- K 86
CMYK color chart

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

The hexadecimal color #121224 has RGB values of R:18, G:18, B:36 and CMYK values of C:0.5, M:0.5, Y:0, K:0.86. Its decimal value is 1184292.

Hex triplet	121224	`#121224`
RGB Decimal	18, 18, 36	`rgb(18,18,36)`
RGB Percent	7.1, 7.1, 14.1	`rgb(7.1%,7.1%,14.1%)`
CMYK	50, 50, 0, 86
HSL	240°, 33.3, 10.6	`hsl(240,33.3%,10.6%)`
HSV (or HSB)	240°, 50, 14.1
Web Safe	000033	`#000033`

CIE-LAB	6.22, 5.312, -12.264
XYZ	0.784, 0.689, 1.761
xyY	0.243, 0.213, 0.689
CIE-LCH	6.22, 13.365, 293.419
CIE-LUV	6.22, -0.527, -7.304
Hunter-Lab	8.298, 2.346, -6.771
Binary	00010010, 00010010, 00100100

#121224
```
#121224 rgb(18,18,36)
```
#242412
```
#242412 rgb(36,36,18)
```

Complementary Color

#121b24
```
#121b24 rgb(18,27,36)
```
#121224
```
#121224 rgb(18,18,36)
```
#1b1224
```
#1b1224 rgb(27,18,36)
```

Analogous Color

#1b2412
```
#1b2412 rgb(27,36,18)
```
#121224
```
#121224 rgb(18,18,36)
```
#241b12
```
#241b12 rgb(36,27,18)
```

Split Complementary Color

#122412
```
#122412 rgb(18,36,18)
```
#121224
```
#121224 rgb(18,18,36)
```
#241212
```
#241212 rgb(36,18,18)
```

Triadic Color

#122424
```
#122424 rgb(18,36,36)
```
#121224
```
#121224 rgb(18,18,36)
```
#241212
```
#241212 rgb(36,18,18)
```
#242412
```
#242412 rgb(36,36,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#010102
```
#010102 rgb(1,1,2)
```
#0a0a13
```
#0a0a13 rgb(10,10,19)
```
#121224
```
#121224 rgb(18,18,36)
```
#1b1b35
```
#1b1b35 rgb(27,27,53)
```
#232346
```
#232346 rgb(35,35,70)
```
#2c2c57
```
#2c2c57 rgb(44,44,87)
```

Monochromatic Color

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

#121724
```
#121724 rgb(18,23,36)
```
#121524
```
#121524 rgb(18,21,36)
```
#121424
```
#121424 rgb(18,20,36)
```
#121224
```
#121224 rgb(18,18,36)
```
#141224
```
#141224 rgb(20,18,36)
```
#151224
```
#151224 rgb(21,18,36)
```
#171224
```
#171224 rgb(23,18,36)
```

Similar Colors

Text with hexadecimal color #121224

This text has a font color of #121224.

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

#121224 background color

This paragraph has a background color of #121224.

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

#121224 border color

This element has a border color of #121224.

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

CSS codes

.text {color:#121224;}

.background {background-color:#121224;}

.border {border:1px solid #121224;}

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, #05050a is the darkest color, while #fcfcfd is the lightest one.

#05050a
```
#05050a rgb(5,5,10)
```
#0b0b17
```
#0b0b17 rgb(11,11,23)
```
#121224
```
#121224 rgb(18,18,36)
```
#191931
```
#191931 rgb(25,25,49)
```
#1f1f3e
```
#1f1f3e rgb(31,31,62)
```
#26264b
```
#26264b rgb(38,38,75)
```
#2c2c58
```
#2c2c58 rgb(44,44,88)
```
#333365
```
#333365 rgb(51,51,101)
```
#393972
```
#393972 rgb(57,57,114)
```
#404080
```
#404080 rgb(64,64,128)
```
#46468d
```
#46468d rgb(70,70,141)
```
#4d4d9a
```
#4d4d9a rgb(77,77,154)
```
#5353a7
```
#5353a7 rgb(83,83,167)
```

Shade Color Variation

#5f5faf
```
#5f5faf rgb(95,95,175)
```
#6c6cb5
```
#6c6cb5 rgb(108,108,181)
```
#7979bc
```
#7979bc rgb(121,121,188)
```
#8686c3
```
#8686c3 rgb(134,134,195)
```
#9393c9
```
#9393c9 rgb(147,147,201)
```
#a0a0d0
```
#a0a0d0 rgb(160,160,208)
```
#adadd6
```
#adadd6 rgb(173,173,214)
```
#babadd
```
#babadd rgb(186,186,221)
```
#c7c7e3
```
#c7c7e3 rgb(199,199,227)
```
#d5d5ea
```
#d5d5ea rgb(213,213,234)
```
#e2e2f0
```
#e2e2f0 rgb(226,226,240)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#1a1a1c
```
#1a1a1c rgb(26,26,28)
```
#18181e
```
#18181e rgb(24,24,30)
```
#161620
```
#161620 rgb(22,22,32)
```
#141422
```
#141422 rgb(20,20,34)
```
#121224
```
#121224 rgb(18,18,36)
```
#101026
```
#101026 rgb(16,16,38)
```
#0e0e28
```
#0e0e28 rgb(14,14,40)
```
#0c0c2a
```
#0c0c2a rgb(12,12,42)
```
#0a0a2c
```
#0a0a2c rgb(10,10,44)
```
#08082e
```
#08082e rgb(8,8,46)
```
#060630
```
#060630 rgb(6,6,48)
```
#030333
```
#030333 rgb(3,3,51)
```
#010135
```
#010135 rgb(1,1,53)
```

Tone Color Variation

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

#141414 Achromatopsia 0.005% of the population
#141417 Atypical Achromatopsia 0.001% of the population

Dichromacy

#191f30 Protanopia 1% of men
#181f2e Deuteranopia 1% of men
#1a2123 Tritanopia 0.001% of the population

Trichromacy

#161a2b Protanomaly 1% of men, 0.01% of women
#161a2a Deuteranomaly 6% of men, 0.4% of women
#171b23 Tritanomaly 0.01% of the population

#121224 hex color

#121224 Color Information

#121224 Color Conversion

Color Schemes with #121224

Alternatives to #121224

#121224 Preview

Shades and Tints of #121224

Tones of #121224

Color Blindness Simulator