colorhexa.com

#348c22 hex color

In a RGB color space, hex #348c22 is composed of 20.4% red, 54.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 75.7% yellow and 45.1% black. It has a hue angle of 109.8 degrees, a saturation of 60.9% and a lightness of 34.1%. #348c22 color hex could be obtained by blending #68ff44 with #001900. Closest websafe color is: #339933.

- R 20
- G 55
- B 13
RGB color chart
- C 63
- M 0
- Y 76
- K 45
CMYK color chart

● #348c22 color description : Dark lime green.

The hexadecimal color #348c22 has RGB values of R:52, G:140, B:34 and CMYK values of C:0.63, M:0, Y:0.76, K:0.45. Its decimal value is 3443746.

Hex triplet	348c22	`#348c22`
RGB Decimal	52, 140, 34	`rgb(52,140,34)`
RGB Percent	20.4, 54.9, 13.3	`rgb(20.4%,54.9%,13.3%)`
CMYK	63, 0, 76, 45
HSL	109.8°, 60.9, 34.1	`hsl(109.8,60.9%,34.1%)`
HSV (or HSB)	109.8°, 75.7, 54.9
Web Safe	339933	`#339933`

CIE-LAB	51.383, -46.174, 45.957
XYZ	11.082, 19.601, 4.713
xyY	0.313, 0.554, 19.601
CIE-LCH	51.383, 65.146, 135.135
CIE-LUV	51.383, -39.394, 56.285
Hunter-Lab	44.273, -32.795, 24.68
Binary	00110100, 10001100, 00100010

#348c22
```
#348c22 rgb(52,140,34)
```
#7a228c
```
#7a228c rgb(122,34,140)
```

Complementary Color

#698c22
```
#698c22 rgb(105,140,34)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#228c45
```
#228c45 rgb(34,140,69)
```

Analogous Color

#8c2269
```
#8c2269 rgb(140,34,105)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#45228c
```
#45228c rgb(69,34,140)
```

Split Complementary Color

#8c2234
```
#8c2234 rgb(140,34,52)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#22348c
```
#22348c rgb(34,52,140)
```

Triadic Color

#8c7a22
```
#8c7a22 rgb(140,122,34)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#22348c
```
#22348c rgb(34,52,140)
```
#7a228c
```
#7a228c rgb(122,34,140)
```

Tetradic Color

#1d4e13
```
#1d4e13 rgb(29,78,19)
```
#256318
```
#256318 rgb(37,99,24)
```
#2c771d
```
#2c771d rgb(44,119,29)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#3ca127
```
#3ca127 rgb(60,161,39)
```
#43b52c
```
#43b52c rgb(67,181,44)
```
#4bca31
```
#4bca31 rgb(75,202,49)
```

Monochromatic Color

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

#4f8c22
```
#4f8c22 rgb(79,140,34)
```
#468c22
```
#468c22 rgb(70,140,34)
```
#3d8c22
```
#3d8c22 rgb(61,140,34)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#2b8c22
```
#2b8c22 rgb(43,140,34)
```
#228c22
```
#228c22 rgb(34,140,34)
```
#228c2a
```
#228c2a rgb(34,140,42)
```

Similar Colors

Text with hexadecimal color #348c22

This text has a font color of #348c22.

<span style="color:#348c22;">Text here</span>

#348c22 background color

This paragraph has a background color of #348c22.

<p style="background-color:#348c22;">Content here</p>

#348c22 border color

This element has a border color of #348c22.

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

CSS codes

.text {color:#348c22;}

.background {background-color:#348c22;}

.border {border:1px solid #348c22;}

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, #050e03 is the darkest color, while #fdfffd is the lightest one.

#050e03
```
#050e03 rgb(5,14,3)
```
#0b1e07
```
#0b1e07 rgb(11,30,7)
```
#112d0b
```
#112d0b rgb(17,45,11)
```
#173d0f
```
#173d0f rgb(23,61,15)
```
#1d4d13
```
#1d4d13 rgb(29,77,19)
```
#225d17
```
#225d17 rgb(34,93,23)
```
#286c1a
```
#286c1a rgb(40,108,26)
```
#2e7c1e
```
#2e7c1e rgb(46,124,30)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#3a9c26
```
#3a9c26 rgb(58,156,38)
```
#40ac2a
```
#40ac2a rgb(64,172,42)
```
#46bb2d
```
#46bb2d rgb(70,187,45)
```
#4bcb31
```
#4bcb31 rgb(75,203,49)
```

Shade Color Variation

#58d140
```
#58d140 rgb(88,209,64)
```
#66d44f
```
#66d44f rgb(102,212,79)
```
#74d85f
```
#74d85f rgb(116,216,95)
```
#81dc6f
```
#81dc6f rgb(129,220,111)
```
#8fe07f
```
#8fe07f rgb(143,224,127)
```
#9de48e
```
#9de48e rgb(157,228,142)
```
#abe89e
```
#abe89e rgb(171,232,158)
```
#b8ebae
```
#b8ebae rgb(184,235,174)
```
#c6efbe
```
#c6efbe rgb(198,239,190)
```
#d4f3ce
```
#d4f3ce rgb(212,243,206)
```
#e2f7dd
```
#e2f7dd rgb(226,247,221)
```
#effbed
```
#effbed rgb(239,251,237)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#535d51
```
#535d51 rgb(83,93,81)
```
#4f644a
```
#4f644a rgb(79,100,74)
```
#4a6b43
```
#4a6b43 rgb(74,107,67)
```
#46713d
```
#46713d rgb(70,113,61)
```
#417836
```
#417836 rgb(65,120,54)
```
#3d7f2f
```
#3d7f2f rgb(61,127,47)
```
#388529
```
#388529 rgb(56,133,41)
```
#348c22
```
#348c22 rgb(52,140,34)
```
#30931b
```
#30931b rgb(48,147,27)
```
#2b9915
```
#2b9915 rgb(43,153,21)
```
#27a00e
```
#27a00e rgb(39,160,14)
```
#22a707
```
#22a707 rgb(34,167,7)
```
#1ead01
```
#1ead01 rgb(30,173,1)
```

Tone Color Variation

Below, you can see how #348c22 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

#666666 Achromatopsia 0.005% of the population
#5c6e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908129 Protanopia 1% of men
#9f7b38 Deuteranopia 1% of men
#588892 Tritanopia 0.001% of the population

Trichromacy

#6e8526 Protanomaly 1% of men, 0.01% of women
#788130 Deuteranomaly 6% of men, 0.4% of women
#4b8969 Tritanomaly 0.01% of the population