#18222e hex color

In a RGB color space, hex #18222e is composed of 9.4% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 26.1% magenta, 0% yellow and 82% black. It has a hue angle of 212.7 degrees, a saturation of 31.4% and a lightness of 13.7%. #18222e color hex could be obtained by blending #30445c with #000000. Closest websafe color is: #003333.

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

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

The hexadecimal color #18222e has RGB values of R:24, G:34, B:46 and CMYK values of C:0.48, M:0.26, Y:0, K:0.82. Its decimal value is 1581614.

Hex triplet	18222e	`#18222e`
RGB Decimal	24, 34, 46	`rgb(24,34,46)`
RGB Percent	9.4, 13.3, 18	`rgb(9.4%,13.3%,18%)`
CMYK	48, 26, 0, 82
HSL	212.7°, 31.4, 13.7	`hsl(212.7,31.4%,13.7%)`
HSV (or HSB)	212.7°, 47.8, 18
Web Safe	003333	`#003333`

CIE-LAB	12.832, -0.503, -9.359
XYZ	1.442, 1.535, 2.805
xyY	0.249, 0.266, 1.535
CIE-LCH	12.832, 9.372, 266.924
CIE-LUV	12.832, -3.752, -8.033
Hunter-Lab	12.391, -0.916, -4.748
Binary	00011000, 00100010, 00101110

#18222e
```
#18222e rgb(24,34,46)
```
#2e2418
```
#2e2418 rgb(46,36,24)
```

Complementary Color

#182d2e
```
#182d2e rgb(24,45,46)
```
#18222e
```
#18222e rgb(24,34,46)
```
#19182e
```
#19182e rgb(25,24,46)
```

Analogous Color

#2d2e18
```
#2d2e18 rgb(45,46,24)
```
#18222e
```
#18222e rgb(24,34,46)
```
#2e1918
```
#2e1918 rgb(46,25,24)
```

Split Complementary Color

#222e18
```
#222e18 rgb(34,46,24)
```
#18222e
```
#18222e rgb(24,34,46)
```
#2e1822
```
#2e1822 rgb(46,24,34)
```

Triadic Color

#182e24
```
#182e24 rgb(24,46,36)
```
#18222e
```
#18222e rgb(24,34,46)
```
#2e1822
```
#2e1822 rgb(46,24,34)
```
#2e2418
```
#2e2418 rgb(46,36,24)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#07090c
```
#07090c rgb(7,9,12)
```
#0f161d
```
#0f161d rgb(15,22,29)
```
#18222e
```
#18222e rgb(24,34,46)
```
#212e3f
```
#212e3f rgb(33,46,63)
```
#293b50
```
#293b50 rgb(41,59,80)
```
#324760
```
#324760 rgb(50,71,96)
```

Monochromatic Color

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

#18282e
```
#18282e rgb(24,40,46)
```
#18262e
```
#18262e rgb(24,38,46)
```
#18242e
```
#18242e rgb(24,36,46)
```
#18222e
```
#18222e rgb(24,34,46)
```
#18202e
```
#18202e rgb(24,32,46)
```
#181e2e
```
#181e2e rgb(24,30,46)
```
#181d2e
```
#181d2e rgb(24,29,46)
```

Similar Colors

Text with hexadecimal color #18222e

This text has a font color of #18222e.

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

#18222e background color

This paragraph has a background color of #18222e.

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

#18222e border color

This element has a border color of #18222e.

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

CSS codes

.text {color:#18222e;}

.background {background-color:#18222e;}

.border {border:1px solid #18222e;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0f14
```
#0b0f14 rgb(11,15,20)
```
#111821
```
#111821 rgb(17,24,33)
```
#18222e
```
#18222e rgb(24,34,46)
```
#1f2c3b
```
#1f2c3b rgb(31,44,59)
```
#253548
```
#253548 rgb(37,53,72)
```
#2c3f55
```
#2c3f55 rgb(44,63,85)
```
#334862
```
#334862 rgb(51,72,98)
```
#3a526e
```
#3a526e rgb(58,82,110)
```
#405b7b
```
#405b7b rgb(64,91,123)
```
#476588
```
#476588 rgb(71,101,136)
```
#4e6e95
```
#4e6e95 rgb(78,110,149)
```
#5578a2
```
#5578a2 rgb(85,120,162)
```

Shade Color Variation

#5f82ab
```
#5f82ab rgb(95,130,171)
```
#6c8cb2
```
#6c8cb2 rgb(108,140,178)
```
#7996b9
```
#7996b9 rgb(121,150,185)
```
#85a0c0
```
#85a0c0 rgb(133,160,192)
```
#92aac6
```
#92aac6 rgb(146,170,198)
```
#9fb4cd
```
#9fb4cd rgb(159,180,205)
```
#acbed4
```
#acbed4 rgb(172,190,212)
```
#b9c8da
```
#b9c8da rgb(185,200,218)
```
#c6d2e1
```
#c6d2e1 rgb(198,210,225)
```
#d3dce8
```
#d3dce8 rgb(211,220,232)
```
#e0e6ef
```
#e0e6ef rgb(224,230,239)
```
#edf1f5
```
#edf1f5 rgb(237,241,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#232323
```
#232323 rgb(35,35,35)
```
#202326
```
#202326 rgb(32,35,38)
```
#1d2229
```
#1d2229 rgb(29,34,41)
```
#1b222b
```
#1b222b rgb(27,34,43)
```
#18222e
```
#18222e rgb(24,34,46)
```
#152231
```
#152231 rgb(21,34,49)
```
#132233
```
#132233 rgb(19,34,51)
```
#102136
```
#102136 rgb(16,33,54)
```
#0d2139
```
#0d2139 rgb(13,33,57)
```
#0b213b
```
#0b213b rgb(11,33,59)
```
#08213e
```
#08213e rgb(8,33,62)
```
#052041
```
#052041 rgb(5,32,65)
```
#022044
```
#022044 rgb(2,32,68)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1e2023 Atypical Achromatopsia 0.001% of the population

Dichromacy

#292c38 Protanopia 1% of men
#292c39 Deuteranopia 1% of men
#212e32 Tritanopia 0.001% of the population

Trichromacy

#232834 Protanomaly 1% of men, 0.01% of women
#232835 Deuteranomaly 6% of men, 0.4% of women
#1e2a30 Tritanomaly 0.01% of the population

#18222e hex color

#18222e Color Information

#18222e Color Conversion

Color Schemes with #18222e

Alternatives to #18222e

#18222e Preview

Shades and Tints of #18222e

Tones of #18222e

Color Blindness Simulator