#1a222e hex color

In a RGB color space, hex #1a222e is composed of 10.2% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 26.1% magenta, 0% yellow and 82% black. It has a hue angle of 216 degrees, a saturation of 27.8% and a lightness of 14.1%. #1a222e color hex could be obtained by blending #34445c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 10
- G 13
- B 18
RGB color chart
- C 43
- M 26
- Y 0
- K 82
CMYK color chart

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

The hexadecimal color #1a222e has RGB values of R:26, G:34, B:46 and CMYK values of C:0.43, M:0.26, Y:0, K:0.82. Its decimal value is 1712686.

Hex triplet	1a222e	`#1a222e`
RGB Decimal	26, 34, 46	`rgb(26,34,46)`
RGB Percent	10.2, 13.3, 18	`rgb(10.2%,13.3%,18%)`
CMYK	43, 26, 0, 82
HSL	216°, 27.8, 14.1	`hsl(216,27.8%,14.1%)`
HSV (or HSB)	216°, 43.5, 18
Web Safe	333333	`#333333`

CIE-LAB	12.99, 0.21, -9.102
XYZ	1.491, 1.561, 2.807
xyY	0.254, 0.266, 1.561
CIE-LCH	12.99, 9.104, 271.323
CIE-LUV	12.99, -3.187, -7.905
Hunter-Lab	12.493, -0.56, -4.577
Binary	00011010, 00100010, 00101110

#1a222e
```
#1a222e rgb(26,34,46)
```
#2e261a
```
#2e261a rgb(46,38,26)
```

Complementary Color

#1a2c2e
```
#1a2c2e rgb(26,44,46)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#1c1a2e
```
#1c1a2e rgb(28,26,46)
```

Analogous Color

#2c2e1a
```
#2c2e1a rgb(44,46,26)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#2e1c1a
```
#2e1c1a rgb(46,28,26)
```

Split Complementary Color

#222e1a
```
#222e1a rgb(34,46,26)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#2e1a22
```
#2e1a22 rgb(46,26,34)
```

Triadic Color

#1a2e26
```
#1a2e26 rgb(26,46,38)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#2e1a22
```
#2e1a22 rgb(46,26,34)
```
#2e261a
```
#2e261a rgb(46,38,26)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#11161e
```
#11161e rgb(17,22,30)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#232e3e
```
#232e3e rgb(35,46,62)
```
#2c3a4f
```
#2c3a4f rgb(44,58,79)
```
#36465f
```
#36465f rgb(54,70,95)
```

Monochromatic Color

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

#1a272e
```
#1a272e rgb(26,39,46)
```
#1a252e
```
#1a252e rgb(26,37,46)
```
#1a242e
```
#1a242e rgb(26,36,46)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#1a202e
```
#1a202e rgb(26,32,46)
```
#1a1f2e
```
#1a1f2e rgb(26,31,46)
```
#1a1d2e
```
#1a1d2e rgb(26,29,46)
```

Similar Colors

Text with hexadecimal color #1a222e

This text has a font color of #1a222e.

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

#1a222e background color

This paragraph has a background color of #1a222e.

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

#1a222e border color

This element has a border color of #1a222e.

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

CSS codes

.text {color:#1a222e;}

.background {background-color:#1a222e;}

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f15
```
#0c0f15 rgb(12,15,21)
```
#131921
```
#131921 rgb(19,25,33)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#212b3b
```
#212b3b rgb(33,43,59)
```
#283547
```
#283547 rgb(40,53,71)
```
#2f3e54
```
#2f3e54 rgb(47,62,84)
```
#364760
```
#364760 rgb(54,71,96)
```
#3d506d
```
#3d506d rgb(61,80,109)
```
#455a79
```
#455a79 rgb(69,90,121)
```
#4c6386
```
#4c6386 rgb(76,99,134)
```
#536c92
```
#536c92 rgb(83,108,146)
```
#5a759f
```
#5a759f rgb(90,117,159)
```

Shade Color Variation

#647fa8
```
#647fa8 rgb(100,127,168)
```
#718aaf
```
#718aaf rgb(113,138,175)
```
#7e94b6
```
#7e94b6 rgb(126,148,182)
```
#8a9ebd
```
#8a9ebd rgb(138,158,189)
```
#97a9c4
```
#97a9c4 rgb(151,169,196)
```
#a3b3cb
```
#a3b3cb rgb(163,179,203)
```
#b0bdd2
```
#b0bdd2 rgb(176,189,210)
```
#bcc8d9
```
#bcc8d9 rgb(188,200,217)
```
#c9d2e0
```
#c9d2e0 rgb(201,210,224)
```
#d5dde7
```
#d5dde7 rgb(213,221,231)
```
#e2e7ef
```
#e2e7ef rgb(226,231,239)
```
#eef1f6
```
#eef1f6 rgb(238,241,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#222426
```
#222426 rgb(34,36,38)
```
#202328
```
#202328 rgb(32,35,40)
```
#1d232b
```
#1d232b rgb(29,35,43)
```
#1a222e
```
#1a222e rgb(26,34,46)
```
#172131
```
#172131 rgb(23,33,49)
```
#142134
```
#142134 rgb(20,33,52)
```
#122036
```
#122036 rgb(18,32,54)
```
#0f2039
```
#0f2039 rgb(15,32,57)
```
#0c1f3c
```
#0c1f3c rgb(12,31,60)
```
#091f3f
```
#091f3f rgb(9,31,63)
```
#071e41
```
#071e41 rgb(7,30,65)
```
#041e44
```
#041e44 rgb(4,30,68)
```
#011d47
```
#011d47 rgb(1,29,71)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#202124 Atypical Achromatopsia 0.001% of the population

Dichromacy

#292c38 Protanopia 1% of men
#2a2c39 Deuteranopia 1% of men
#232e32 Tritanopia 0.001% of the population

Trichromacy

#242834 Protanomaly 1% of men, 0.01% of women
#242835 Deuteranomaly 6% of men, 0.4% of women
#202a30 Tritanomaly 0.01% of the population

#1a222e hex color

#1a222e Color Information

#1a222e Color Conversion

Color Schemes with #1a222e

Alternatives to #1a222e

#1a222e Preview

Shades and Tints of #1a222e

Tones of #1a222e

Color Blindness Simulator