#18222f hex color

In a RGB color space, hex #18222f is composed of 9.4% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 27.7% magenta, 0% yellow and 81.6% black. It has a hue angle of 213.9 degrees, a saturation of 32.4% and a lightness of 13.9%. #18222f color hex could be obtained by blending #30445e with #000000. Closest websafe color is: #003333.

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

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

The hexadecimal color #18222f has RGB values of R:24, G:34, B:47 and CMYK values of C:0.49, M:0.28, Y:0, K:0.82. Its decimal value is 1581615.

Hex triplet	18222f	`#18222f`
RGB Decimal	24, 34, 47	`rgb(24,34,47)`
RGB Percent	9.4, 13.3, 18.4	`rgb(9.4%,13.3%,18.4%)`
CMYK	49, 28, 0, 82
HSL	213.9°, 32.4, 13.9	`hsl(213.9,32.4%,13.9%)`
HSV (or HSB)	213.9°, 48.9, 18.4
Web Safe	003333	`#003333`

CIE-LAB	12.881, -0.15, -10.001
XYZ	1.462, 1.543, 2.91
xyY	0.247, 0.261, 1.543
CIE-LCH	12.881, 10.002, 269.142
CIE-LUV	12.881, -3.766, -8.664
Hunter-Lab	12.423, -0.74, -5.192
Binary	00011000, 00100010, 00101111

#18222f
```
#18222f rgb(24,34,47)
```
#2f2518
```
#2f2518 rgb(47,37,24)
```

Complementary Color

#182e2f
```
#182e2f rgb(24,46,47)
```
#18222f
```
#18222f rgb(24,34,47)
```
#1a182f
```
#1a182f rgb(26,24,47)
```

Analogous Color

#2e2f18
```
#2e2f18 rgb(46,47,24)
```
#18222f
```
#18222f rgb(24,34,47)
```
#2f1a18
```
#2f1a18 rgb(47,26,24)
```

Split Complementary Color

#222f18
```
#222f18 rgb(34,47,24)
```
#18222f
```
#18222f rgb(24,34,47)
```
#2f1822
```
#2f1822 rgb(47,24,34)
```

Triadic Color

#182f25
```
#182f25 rgb(24,47,37)
```
#18222f
```
#18222f rgb(24,34,47)
```
#2f1822
```
#2f1822 rgb(47,24,34)
```
#2f2518
```
#2f2518 rgb(47,37,24)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0f161e
```
#0f161e rgb(15,22,30)
```
#18222f
```
#18222f rgb(24,34,47)
```
#212e40
```
#212e40 rgb(33,46,64)
```
#293a51
```
#293a51 rgb(41,58,81)
```
#324762
```
#324762 rgb(50,71,98)
```

Monochromatic Color

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

#18282f
```
#18282f rgb(24,40,47)
```
#18262f
```
#18262f rgb(24,38,47)
```
#18242f
```
#18242f rgb(24,36,47)
```
#18222f
```
#18222f rgb(24,34,47)
```
#18202f
```
#18202f rgb(24,32,47)
```
#181e2f
```
#181e2f rgb(24,30,47)
```
#181c2f
```
#181c2f rgb(24,28,47)
```

Similar Colors

Text with hexadecimal color #18222f

This text has a font color of #18222f.

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

#18222f background color

This paragraph has a background color of #18222f.

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

#18222f border color

This element has a border color of #18222f.

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

CSS codes

.text {color:#18222f;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b0f15
```
#0b0f15 rgb(11,15,21)
```
#111922
```
#111922 rgb(17,25,34)
```
#18222f
```
#18222f rgb(24,34,47)
```
#1f2b3c
```
#1f2b3c rgb(31,43,60)
```
#253549
```
#253549 rgb(37,53,73)
```
#2c3e56
```
#2c3e56 rgb(44,62,86)
```
#334863
```
#334863 rgb(51,72,99)
```
#395170
```
#395170 rgb(57,81,112)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#46648a
```
#46648a rgb(70,100,138)
```
#4d6d97
```
#4d6d97 rgb(77,109,151)
```
#5477a4
```
#5477a4 rgb(84,119,164)
```

Shade Color Variation

#5e80ad
```
#5e80ad rgb(94,128,173)
```
#6b8bb4
```
#6b8bb4 rgb(107,139,180)
```
#7895ba
```
#7895ba rgb(120,149,186)
```
#859fc1
```
#859fc1 rgb(133,159,193)
```
#92a9c7
```
#92a9c7 rgb(146,169,199)
```
#9fb4ce
```
#9fb4ce rgb(159,180,206)
```
#acbed5
```
#acbed5 rgb(172,190,213)
```
#b9c8db
```
#b9c8db rgb(185,200,219)
```
#c6d2e2
```
#c6d2e2 rgb(198,210,226)
```
#d3dce9
```
#d3dce9 rgb(211,220,233)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#232324
```
#232324 rgb(35,35,36)
```
#202327
```
#202327 rgb(32,35,39)
```
#1d232a
```
#1d232a rgb(29,35,42)
```
#1b222c
```
#1b222c rgb(27,34,44)
```
#18222f
```
#18222f rgb(24,34,47)
```
#152232
```
#152232 rgb(21,34,50)
```
#132134
```
#132134 rgb(19,33,52)
```
#102137
```
#102137 rgb(16,33,55)
```
#0d213a
```
#0d213a rgb(13,33,58)
```
#0a203d
```
#0a203d rgb(10,32,61)
```
#08203f
```
#08203f rgb(8,32,63)
```
#052042
```
#052042 rgb(5,32,66)
```
#021f45
```
#021f45 rgb(2,31,69)
```

Tone Color Variation

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

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

Trichromacy

#222835 Protanomaly 1% of men, 0.01% of women
#222836 Deuteranomaly 6% of men, 0.4% of women
#1e2a31 Tritanomaly 0.01% of the population

#18222f hex color

#18222f Color Information

#18222f Color Conversion

Color Schemes with #18222f

Alternatives to #18222f

#18222f Preview

Shades and Tints of #18222f

Tones of #18222f

Color Blindness Simulator