#022c18 hex color

In a RGB color space, hex #022c18 is composed of 0.8% red, 17.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 0% magenta, 45.5% yellow and 82.7% black. It has a hue angle of 151.4 degrees, a saturation of 91.3% and a lightness of 9%. #022c18 color hex could be obtained by blending #045830 with #000000. Closest websafe color is: #003300.

♥
- f
- t
- g
- R 1
- G 17
- B 9
RGB color chart
- C 95
- M 0
- Y 45
- K 83
CMYK color chart

● #022c18 color description : Very dark (mostly black) cyan - lime green.

The hexadecimal color #022c18 has RGB values of R:2, G:44, B:24 and CMYK values of C:0.95, M:0, Y:0.45, K:0.83. Its decimal value is 142360.

Hex triplet	022c18	`#022c18`
RGB Decimal	2, 44, 24	`rgb(2,44,24)`
RGB Percent	0.8, 17.3, 9.4	`rgb(0.8%,17.3%,9.4%)`
CMYK	95, 0, 45, 83
HSL	151.4°, 91.3, 9	`hsl(151.4,91.3%,9%)`
HSV (or HSB)	151.4°, 95.5, 17.3
Web Safe	003300	`#003300`

CIE-LAB	14.845, -20.181, 9.053
XYZ	1.091, 1.88, 1.17
xyY	0.263, 0.454, 1.88
CIE-LCH	14.845, 22.119, 155.839
CIE-LUV	14.845, -12.516, 9.174
Hunter-Lab	13.712, -9.799, 4.541
Binary	00000010, 00101100, 00011000

#022c18
```
#022c18 rgb(2,44,24)
```
#2c0216
```
#2c0216 rgb(44,2,22)
```

Complementary Color

#022c03
```
#022c03 rgb(2,44,3)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#022b2c
```
#022b2c rgb(2,43,44)
```

Analogous Color

#2c0302
```
#2c0302 rgb(44,3,2)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#2c022b
```
#2c022b rgb(44,2,43)
```

Split Complementary Color

#2c1802
```
#2c1802 rgb(44,24,2)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#18022c
```
#18022c rgb(24,2,44)
```

Triadic Color

#162c02
```
#162c02 rgb(22,44,2)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#18022c
```
#18022c rgb(24,2,44)
```
#2c0216
```
#2c0216 rgb(44,2,22)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#01140b
```
#01140b rgb(1,20,11)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#034425
```
#034425 rgb(3,68,37)
```
#045d33
```
#045d33 rgb(4,93,51)
```
#057540
```
#057540 rgb(5,117,64)
```

Monochromatic Color

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

#022c0e
```
#022c0e rgb(2,44,14)
```
#022c11
```
#022c11 rgb(2,44,17)
```
#022c15
```
#022c15 rgb(2,44,21)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#022c1c
```
#022c1c rgb(2,44,28)
```
#022c1f
```
#022c1f rgb(2,44,31)
```
#022c23
```
#022c23 rgb(2,44,35)
```

Similar Colors

Text with hexadecimal color #022c18

This text has a font color of #022c18.

<span style="color:#022c18;">Text here</span>

#022c18 background color

This paragraph has a background color of #022c18.

<p style="background-color:#022c18;">Content here</p>

#022c18 border color

This element has a border color of #022c18.

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

CSS codes

.text {color:#022c18;}

.background {background-color:#022c18;}

.border {border:1px solid #022c18;}

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

#000604
```
#000604 rgb(0,6,4)
```
#01190e
```
#01190e rgb(1,25,14)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#033f22
```
#033f22 rgb(3,63,34)
```
#04522c
```
#04522c rgb(4,82,44)
```
#056437
```
#056437 rgb(5,100,55)
```
#057741
```
#057741 rgb(5,119,65)
```
#068a4b
```
#068a4b rgb(6,138,75)
```
#079d55
```
#079d55 rgb(7,157,85)
```
#08af60
```
#08af60 rgb(8,175,96)
```
#09c26a
```
#09c26a rgb(9,194,106)
```
#0ad574
```
#0ad574 rgb(10,213,116)
```
#0be87e
```
#0be87e rgb(11,232,126)
```

Shade Color Variation

#12f488
```
#12f488 rgb(18,244,136)
```
#24f592
```
#24f592 rgb(36,245,146)
```
#37f69b
```
#37f69b rgb(55,246,155)
```
#4af7a4
```
#4af7a4 rgb(74,247,164)
```
#5df8ae
```
#5df8ae rgb(93,248,174)
```
#6ff8b7
```
#6ff8b7 rgb(111,248,183)
```
#82f9c1
```
#82f9c1 rgb(130,249,193)
```
#95faca
```
#95faca rgb(149,250,202)
```
#a8fbd3
```
#a8fbd3 rgb(168,251,211)
```
#bafcdd
```
#bafcdd rgb(186,252,221)
```
#cdfde6
```
#cdfde6 rgb(205,253,230)
```
#e0feef
```
#e0feef rgb(224,254,239)
```
#f3fef9
```
#f3fef9 rgb(243,254,249)
```

Tint Color Variation

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

#151917
```
#151917 rgb(21,25,23)
```
#141a17
```
#141a17 rgb(20,26,23)
```
#121c17
```
#121c17 rgb(18,28,23)
```
#101e17
```
#101e17 rgb(16,30,23)
```
#0e2017
```
#0e2017 rgb(14,32,23)
```
#0d2117
```
#0d2117 rgb(13,33,23)
```
#0b2318
```
#0b2318 rgb(11,35,24)
```
#092518
```
#092518 rgb(9,37,24)
```
#072718
```
#072718 rgb(7,39,24)
```
#062818
```
#062818 rgb(6,40,24)
```
#042a18
```
#042a18 rgb(4,42,24)
```
#022c18
```
#022c18 rgb(2,44,24)
```
#002e18
```
#002e18 rgb(0,46,24)
```

Tone Color Variation

Below, you can see how #022c18 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

#1d1d1d Achromatopsia 0.005% of the population
#18201c Atypical Achromatopsia 0.001% of the population

Dichromacy

#343021 Protanopia 1% of men
#382e26 Deuteranopia 1% of men
#183438 Tritanopia 0.001% of the population

Trichromacy

#222e1e Protanomaly 1% of men, 0.01% of women
#242d21 Deuteranomaly 6% of men, 0.4% of women
#10312c Tritanomaly 0.01% of the population

#022c18 hex color

#022c18 Color Information

#022c18 Color Conversion

Color Schemes with #022c18

Alternatives to #022c18

#022c18 Preview

Shades and Tints of #022c18

Tones of #022c18

Color Blindness Simulator