#12212f hex color

In a RGB color space, hex #12212f is composed of 7.1% red, 12.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 29.8% magenta, 0% yellow and 81.6% black. It has a hue angle of 209 degrees, a saturation of 44.6% and a lightness of 12.7%. #12212f color hex could be obtained by blending #24425e with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 7
- G 13
- B 18
RGB color chart
- C 62
- M 30
- Y 0
- K 82
CMYK color chart

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

The hexadecimal color #12212f has RGB values of R:18, G:33, B:47 and CMYK values of C:0.62, M:0.3, Y:0, K:0.82. Its decimal value is 1188143.

Hex triplet	12212f	`#12212f`
RGB Decimal	18, 33, 47	`rgb(18,33,47)`
RGB Percent	7.1, 12.9, 18.4	`rgb(7.1%,12.9%,18.4%)`
CMYK	62, 30, 0, 82
HSL	209°, 44.6, 12.7	`hsl(209,44.6%,12.7%)`
HSV (or HSB)	209°, 61.7, 18.4
Web Safe	003333	`#003333`

CIE-LAB	12.1, -1.354, -11.243
XYZ	1.306, 1.421, 2.895
xyY	0.232, 0.253, 1.421
CIE-LCH	12.1, 11.324, 263.136
CIE-LUV	12.1, -4.872, -9.402
Hunter-Lab	11.923, -1.307, -6.049
Binary	00010010, 00100001, 00101111

#12212f
```
#12212f rgb(18,33,47)
```
#2f2012
```
#2f2012 rgb(47,32,18)
```

Complementary Color

#122f2f
```
#122f2f rgb(18,47,47)
```
#12212f
```
#12212f rgb(18,33,47)
```
#12132f
```
#12132f rgb(18,19,47)
```

Analogous Color

#2f2f12
```
#2f2f12 rgb(47,47,18)
```
#12212f
```
#12212f rgb(18,33,47)
```
#2f1213
```
#2f1213 rgb(47,18,19)
```

Split Complementary Color

#212f12
```
#212f12 rgb(33,47,18)
```
#12212f
```
#12212f rgb(18,33,47)
```
#2f1221
```
#2f1221 rgb(47,18,33)
```

Triadic Color

#122f20
```
#122f20 rgb(18,47,32)
```
#12212f
```
#12212f rgb(18,33,47)
```
#2f1221
```
#2f1221 rgb(47,18,33)
```
#2f2012
```
#2f2012 rgb(47,32,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#04070a
```
#04070a rgb(4,7,10)
```
#0b141d
```
#0b141d rgb(11,20,29)
```
#12212f
```
#12212f rgb(18,33,47)
```
#192e41
```
#192e41 rgb(25,46,65)
```
#203b54
```
#203b54 rgb(32,59,84)
```
#274866
```
#274866 rgb(39,72,102)
```

Monochromatic Color

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

#12282f
```
#12282f rgb(18,40,47)
```
#12262f
```
#12262f rgb(18,38,47)
```
#12232f
```
#12232f rgb(18,35,47)
```
#12212f
```
#12212f rgb(18,33,47)
```
#121f2f
```
#121f2f rgb(18,31,47)
```
#121c2f
```
#121c2f rgb(18,28,47)
```
#121a2f
```
#121a2f rgb(18,26,47)
```

Similar Colors

Text with hexadecimal color #12212f

This text has a font color of #12212f.

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

#12212f background color

This paragraph has a background color of #12212f.

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

#12212f border color

This element has a border color of #12212f.

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

CSS codes

.text {color:#12212f;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0d1721
```
#0d1721 rgb(13,23,33)
```
#12212f
```
#12212f rgb(18,33,47)
```
#172b3d
```
#172b3d rgb(23,43,61)
```
#1d354b
```
#1d354b rgb(29,53,75)
```
#223f5a
```
#223f5a rgb(34,63,90)
```
#284968
```
#284968 rgb(40,73,104)
```
#2d5376
```
#2d5376 rgb(45,83,118)
```
#335d84
```
#335d84 rgb(51,93,132)
```
#386792
```
#386792 rgb(56,103,146)
```
#3d71a0
```
#3d71a0 rgb(61,113,160)
```
#437baf
```
#437baf rgb(67,123,175)
```

Shade Color Variation

#4b84ba
```
#4b84ba rgb(75,132,186)
```
#598ec0
```
#598ec0 rgb(89,142,192)
```
#6798c5
```
#6798c5 rgb(103,152,197)
```
#76a1ca
```
#76a1ca rgb(118,161,202)
```
#84abd0
```
#84abd0 rgb(132,171,208)
```
#92b5d5
```
#92b5d5 rgb(146,181,213)
```
#a0bedb
```
#a0bedb rgb(160,190,219)
```
#aec8e0
```
#aec8e0 rgb(174,200,224)
```
#bdd2e6
```
#bdd2e6 rgb(189,210,230)
```
#cbdbeb
```
#cbdbeb rgb(203,219,235)
```
#d9e5f0
```
#d9e5f0 rgb(217,229,240)
```
#e7eff6
```
#e7eff6 rgb(231,239,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#1f2123
```
#1f2123 rgb(31,33,35)
```
#1c2125
```
#1c2125 rgb(28,33,37)
```
#1a2128
```
#1a2128 rgb(26,33,40)
```
#17212a
```
#17212a rgb(23,33,42)
```
#15212d
```
#15212d rgb(21,33,45)
```
#12212f
```
#12212f rgb(18,33,47)
```
#102132
```
#102132 rgb(16,33,50)
```
#0d2134
```
#0d2134 rgb(13,33,52)
```
#0b2137
```
#0b2137 rgb(11,33,55)
```
#082139
```
#082139 rgb(8,33,57)
```
#05213c
```
#05213c rgb(5,33,60)
```
#03223e
```
#03223e rgb(3,34,62)
```
#002241
```
#002241 rgb(0,34,65)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#1c1f21 Atypical Achromatopsia 0.001% of the population

Dichromacy

#272a38 Protanopia 1% of men
#252a3a Deuteranopia 1% of men
#1a2e31 Tritanopia 0.001% of the population

Trichromacy

#1f2735 Protanomaly 1% of men, 0.01% of women
#1e2736 Deuteranomaly 6% of men, 0.4% of women
#172930 Tritanomaly 0.01% of the population

#12212f hex color

#12212f Color Information

#12212f Color Conversion

Color Schemes with #12212f

Alternatives to #12212f

#12212f Preview

Shades and Tints of #12212f

Tones of #12212f

Color Blindness Simulator