#12222f hex color

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

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

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

The hexadecimal color #12222f has RGB values of R:18, G:34, B:47 and CMYK values of C:0.62, M:0.28, Y:0, K:0.82. Its decimal value is 1188399.

Hex triplet	12222f	`#12222f`
RGB Decimal	18, 34, 47	`rgb(18,34,47)`
RGB Percent	7.1, 13.3, 18.4	`rgb(7.1%,13.3%,18.4%)`
CMYK	62, 28, 0, 82
HSL	206.9°, 44.6, 12.7	`hsl(206.9,44.6%,12.7%)`
HSV (or HSB)	206.9°, 61.7, 18.4
Web Safe	003333	`#003333`

CIE-LAB	12.466, -2.078, -10.676
XYZ	1.334, 1.478, 2.904
xyY	0.233, 0.259, 1.478
CIE-LCH	12.466, 10.876, 258.985
CIE-LUV	12.466, -5.209, -8.988
Hunter-Lab	12.157, -1.68, -5.654
Binary	00010010, 00100010, 00101111

#12222f
```
#12222f rgb(18,34,47)
```
#2f1f12
```
#2f1f12 rgb(47,31,18)
```

Complementary Color

#122f2e
```
#122f2e rgb(18,47,46)
```
#12222f
```
#12222f rgb(18,34,47)
```
#12142f
```
#12142f rgb(18,20,47)
```

Analogous Color

#2f2e12
```
#2f2e12 rgb(47,46,18)
```
#12222f
```
#12222f rgb(18,34,47)
```
#2f1214
```
#2f1214 rgb(47,18,20)
```

Split Complementary Color

#222f12
```
#222f12 rgb(34,47,18)
```
#12222f
```
#12222f rgb(18,34,47)
```
#2f1222
```
#2f1222 rgb(47,18,34)
```

Triadic Color

#122f1f
```
#122f1f rgb(18,47,31)
```
#12222f
```
#12222f rgb(18,34,47)
```
#2f1222
```
#2f1222 rgb(47,18,34)
```
#2f1f12
```
#2f1f12 rgb(47,31,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#04070a
```
#04070a rgb(4,7,10)
```
#0b151d
```
#0b151d rgb(11,21,29)
```
#12222f
```
#12222f rgb(18,34,47)
```
#192f41
```
#192f41 rgb(25,47,65)
```
#203d54
```
#203d54 rgb(32,61,84)
```
#274a66
```
#274a66 rgb(39,74,102)
```

Monochromatic Color

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

#12292f
```
#12292f rgb(18,41,47)
```
#12272f
```
#12272f rgb(18,39,47)
```
#12242f
```
#12242f rgb(18,36,47)
```
#12222f
```
#12222f rgb(18,34,47)
```
#12202f
```
#12202f rgb(18,32,47)
```
#121d2f
```
#121d2f rgb(18,29,47)
```
#121b2f
```
#121b2f rgb(18,27,47)
```

Similar Colors

Text with hexadecimal color #12222f

This text has a font color of #12222f.

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

#12222f background color

This paragraph has a background color of #12222f.

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

#12222f border color

This element has a border color of #12222f.

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

CSS codes

.text {color:#12222f;}

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

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

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 #f5f9fb is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0d1821
```
#0d1821 rgb(13,24,33)
```
#12222f
```
#12222f rgb(18,34,47)
```
#172c3d
```
#172c3d rgb(23,44,61)
```
#1d374b
```
#1d374b rgb(29,55,75)
```
#22415a
```
#22415a rgb(34,65,90)
```
#284b68
```
#284b68 rgb(40,75,104)
```
#2d5576
```
#2d5576 rgb(45,85,118)
```
#336084
```
#336084 rgb(51,96,132)
```
#386a92
```
#386a92 rgb(56,106,146)
```
#3d74a0
```
#3d74a0 rgb(61,116,160)
```
#437eaf
```
#437eaf rgb(67,126,175)
```

Shade Color Variation

#4b88ba
```
#4b88ba rgb(75,136,186)
```
#5992c0
```
#5992c0 rgb(89,146,192)
```
#679bc5
```
#679bc5 rgb(103,155,197)
```
#76a4ca
```
#76a4ca rgb(118,164,202)
```
#84aed0
```
#84aed0 rgb(132,174,208)
```
#92b7d5
```
#92b7d5 rgb(146,183,213)
```
#a0c0db
```
#a0c0db rgb(160,192,219)
```
#aecae0
```
#aecae0 rgb(174,202,224)
```
#bdd3e6
```
#bdd3e6 rgb(189,211,230)
```
#cbddeb
```
#cbddeb rgb(203,221,235)
```
#d9e6f0
```
#d9e6f0 rgb(217,230,240)
```
#e7eff6
```
#e7eff6 rgb(231,239,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,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 #002441 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)
```
#15222d
```
#15222d rgb(21,34,45)
```
#12222f
```
#12222f rgb(18,34,47)
```
#102232
```
#102232 rgb(16,34,50)
```
#0d2334
```
#0d2334 rgb(13,35,52)
```
#0b2337
```
#0b2337 rgb(11,35,55)
```
#082339
```
#082339 rgb(8,35,57)
```
#05233c
```
#05233c rgb(5,35,60)
```
#03243e
```
#03243e rgb(3,36,62)
```
#002441
```
#002441 rgb(0,36,65)
```

Tone Color Variation

Below, you can see how #12222f 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
#1c2022 Atypical Achromatopsia 0.001% of the population

Dichromacy

#282b38 Protanopia 1% of men
#272b3a Deuteranopia 1% of men
#1b2e32 Tritanopia 0.001% of the population

Trichromacy

#202835 Protanomaly 1% of men, 0.01% of women
#1f2836 Deuteranomaly 6% of men, 0.4% of women
#172a31 Tritanomaly 0.01% of the population

#12222f hex color

#12222f Color Information

#12222f Color Conversion

Color Schemes with #12222f

Alternatives to #12222f

#12222f Preview

Shades and Tints of #12222f

Tones of #12222f

Color Blindness Simulator