#180a22 hex color

In a RGB color space, hex #180a22 is composed of 9.4% red, 3.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 70.6% magenta, 0% yellow and 86.7% black. It has a hue angle of 275 degrees, a saturation of 54.5% and a lightness of 8.6%. #180a22 color hex could be obtained by blending #301444 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 9
- G 4
- B 13
RGB color chart
- C 29
- M 71
- Y 0
- K 87
CMYK color chart

● #180a22 color description : Very dark (mostly black) violet.

The hexadecimal color #180a22 has RGB values of R:24, G:10, B:34 and CMYK values of C:0.29, M:0.71, Y:0, K:0.87. Its decimal value is 1575458.

Hex triplet	180a22	`#180a22`
RGB Decimal	24, 10, 34	`rgb(24,10,34)`
RGB Percent	9.4, 3.9, 13.3	`rgb(9.4%,3.9%,13.3%)`
CMYK	29, 71, 0, 87
HSL	275°, 54.5, 8.6	`hsl(275,54.5%,8.6%)`
HSV (or HSB)	275°, 70.6, 13.3
Web Safe	000033	`#000033`

CIE-LAB	4.758, 11.193, -12.932
XYZ	0.774, 0.527, 1.574
xyY	0.269, 0.183, 0.527
CIE-LCH	4.758, 17.103, 310.876
CIE-LUV	4.758, 2.054, -7.082
Hunter-Lab	7.258, 6.332, -7.779
Binary	00011000, 00001010, 00100010

#180a22
```
#180a22 rgb(24,10,34)
```
#14220a
```
#14220a rgb(20,34,10)
```

Complementary Color

#0c0a22
```
#0c0a22 rgb(12,10,34)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#220a20
```
#220a20 rgb(34,10,32)
```

Analogous Color

#0a220c
```
#0a220c rgb(10,34,12)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#20220a
```
#20220a rgb(32,34,10)
```

Split Complementary Color

#0a2218
```
#0a2218 rgb(10,34,24)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#22180a
```
#22180a rgb(34,24,10)
```

Triadic Color

#0a1422
```
#0a1422 rgb(10,20,34)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#22180a
```
#22180a rgb(34,24,10)
```
#14220a
```
#14220a rgb(20,34,10)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0a040e
```
#0a040e rgb(10,4,14)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#261036
```
#261036 rgb(38,16,54)
```
#341649
```
#341649 rgb(52,22,73)
```
#421b5d
```
#421b5d rgb(66,27,93)
```

Monochromatic Color

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

#120a22
```
#120a22 rgb(18,10,34)
```
#140a22
```
#140a22 rgb(20,10,34)
```
#160a22
```
#160a22 rgb(22,10,34)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#1a0a22
```
#1a0a22 rgb(26,10,34)
```
#1c0a22
```
#1c0a22 rgb(28,10,34)
```
#1e0a22
```
#1e0a22 rgb(30,10,34)
```

Similar Colors

Text with hexadecimal color #180a22

This text has a font color of #180a22.

<span style="color:#180a22;">Text here</span>

#180a22 background color

This paragraph has a background color of #180a22.

<p style="background-color:#180a22;">Content here</p>

#180a22 border color

This element has a border color of #180a22.

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

CSS codes

.text {color:#180a22;}

.background {background-color:#180a22;}

.border {border:1px solid #180a22;}

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0613
```
#0d0613 rgb(13,6,19)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#230e31
```
#230e31 rgb(35,14,49)
```
#2d1340
```
#2d1340 rgb(45,19,64)
```
#38174f
```
#38174f rgb(56,23,79)
```
#431c5f
```
#431c5f rgb(67,28,95)
```
#4d206e
```
#4d206e rgb(77,32,110)
```
#58257d
```
#58257d rgb(88,37,125)
```
#63298c
```
#63298c rgb(99,41,140)
```
#6e2e9b
```
#6e2e9b rgb(110,46,155)
```
#7832aa
```
#7832aa rgb(120,50,170)
```
#8337ba
```
#8337ba rgb(131,55,186)
```

Shade Color Variation

#8d3ec6
```
#8d3ec6 rgb(141,62,198)
```
#964dcb
```
#964dcb rgb(150,77,203)
```
#9f5ccf
```
#9f5ccf rgb(159,92,207)
```
#a86bd4
```
#a86bd4 rgb(168,107,212)
```
#b17ad8
```
#b17ad8 rgb(177,122,216)
```
#ba89dc
```
#ba89dc rgb(186,137,220)
```
#c399e1
```
#c399e1 rgb(195,153,225)
```
#cca8e5
```
#cca8e5 rgb(204,168,229)
```
#d5b7ea
```
#d5b7ea rgb(213,183,234)
```
#dec6ee
```
#dec6ee rgb(222,198,238)
```
#e6d5f3
```
#e6d5f3 rgb(230,213,243)
```
#efe4f7
```
#efe4f7 rgb(239,228,247)
```
#f8f4fc
```
#f8f4fc rgb(248,244,252)
```

Tint Color Variation

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

#161616
```
#161616 rgb(22,22,22)
```
#161418
```
#161418 rgb(22,20,24)
```
#17121a
```
#17121a rgb(23,18,26)
```
#17111b
```
#17111b rgb(23,17,27)
```
#170f1d
```
#170f1d rgb(23,15,29)
```
#170d1f
```
#170d1f rgb(23,13,31)
```
#180c20
```
#180c20 rgb(24,12,32)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#180824
```
#180824 rgb(24,8,36)
```
#190725
```
#190725 rgb(25,7,37)
```
#190527
```
#190527 rgb(25,5,39)
```
#190329
```
#190329 rgb(25,3,41)
```
#19022a
```
#19022a rgb(25,2,42)
```

Tone Color Variation

Below, you can see how #180a22 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

#111111 Achromatopsia 0.005% of the population
#121014 Atypical Achromatopsia 0.001% of the population

Dichromacy

#101b31 Protanopia 1% of men
#131c2b Deuteranopia 1% of men
#201b1d Tritanopia 0.001% of the population

Trichromacy

#13152c Protanomaly 1% of men, 0.01% of women
#151528 Deuteranomaly 6% of men, 0.4% of women
#1d141e Tritanomaly 0.01% of the population

#180a22 hex color

#180a22 Color Information

#180a22 Color Conversion

Color Schemes with #180a22

Alternatives to #180a22

#180a22 Preview

Shades and Tints of #180a22

Tones of #180a22

Color Blindness Simulator