colorhexa.com

#22b314 hex color

In a RGB color space, hex #22b314 is composed of 13.3% red, 70.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 88.8% yellow and 29.8% black. It has a hue angle of 114.7 degrees, a saturation of 79.9% and a lightness of 39%. #22b314 color hex could be obtained by blending #44ff28 with #006700. Closest websafe color is: #33cc00.

- R 13
- G 70
- B 8
RGB color chart
- C 81
- M 0
- Y 89
- K 30
CMYK color chart

● #22b314 color description : Strong lime green.

The hexadecimal color #22b314 has RGB values of R:34, G:179, B:20 and CMYK values of C:0.81, M:0, Y:0.89, K:0.3. Its decimal value is 2274068.

Hex triplet	22b314	`#22b314`
RGB Decimal	34, 179, 20	`rgb(34,179,20)`
RGB Percent	13.3, 70.2, 7.8	`rgb(13.3%,70.2%,7.8%)`
CMYK	81, 0, 89, 30
HSL	114.7°, 79.9, 39	`hsl(114.7,79.9%,39%)`
HSV (or HSB)	114.7°, 88.8, 70.2
Web Safe	33cc00	`#33cc00`

CIE-LAB	63.859, -63.033, 61.291
XYZ	16.905, 32.629, 6.069
xyY	0.304, 0.587, 32.629
CIE-LCH	63.859, 87.919, 135.803
CIE-LUV	63.859, -57.222, 75.962
Hunter-Lab	57.122, -47.136, 33.686
Binary	00100010, 10110011, 00010100

#22b314
```
#22b314 rgb(34,179,20)
```
#a514b3
```
#a514b3 rgb(165,20,179)
```

Complementary Color

#72b314
```
#72b314 rgb(114,179,20)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#14b356
```
#14b356 rgb(20,179,86)
```

Analogous Color

#b31472
```
#b31472 rgb(179,20,114)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#5614b3
```
#5614b3 rgb(86,20,179)
```

Split Complementary Color

#b31422
```
#b31422 rgb(179,20,34)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#1422b3
```
#1422b3 rgb(20,34,179)
```

Triadic Color

#b3a514
```
#b3a514 rgb(179,165,20)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#1422b3
```
#1422b3 rgb(20,34,179)
```
#a514b3
```
#a514b3 rgb(165,20,179)
```

Tetradic Color

#156e0c
```
#156e0c rgb(21,110,12)
```
#19850f
```
#19850f rgb(25,133,15)
```
#1e9c11
```
#1e9c11 rgb(30,156,17)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#26ca17
```
#26ca17 rgb(38,202,23)
```
#2be119
```
#2be119 rgb(43,225,25)
```
#3de72c
```
#3de72c rgb(61,231,44)
```

Monochromatic Color

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

#4ab314
```
#4ab314 rgb(74,179,20)
```
#3db314
```
#3db314 rgb(61,179,20)
```
#2fb314
```
#2fb314 rgb(47,179,20)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#15b314
```
#15b314 rgb(21,179,20)
```
#14b321
```
#14b321 rgb(20,179,33)
```
#14b32e
```
#14b32e rgb(20,179,46)
```

Similar Colors

Text with hexadecimal color #22b314

This text has a font color of #22b314.

<span style="color:#22b314;">Text here</span>

#22b314 background color

This paragraph has a background color of #22b314.

<p style="background-color:#22b314;">Content here</p>

#22b314 border color

This element has a border color of #22b314.

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

CSS codes

.text {color:#22b314;}

.background {background-color:#22b314;}

.border {border:1px solid #22b314;}

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

#000300
```
#000300 rgb(0,3,0)
```
#041402
```
#041402 rgb(4,20,2)
```
#072604
```
#072604 rgb(7,38,4)
```
#0b3706
```
#0b3706 rgb(11,55,6)
```
#0e4908
```
#0e4908 rgb(14,73,8)
```
#115b0a
```
#115b0a rgb(17,91,10)
```
#156c0c
```
#156c0c rgb(21,108,12)
```
#187e0e
```
#187e0e rgb(24,126,14)
```
#1b9010
```
#1b9010 rgb(27,144,16)
```
#1fa112
```
#1fa112 rgb(31,161,18)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#25c516
```
#25c516 rgb(37,197,22)
```
#29d618
```
#29d618 rgb(41,214,24)
```

Shade Color Variation

#2ee61c
```
#2ee61c rgb(46,230,28)
```
#3ee82e
```
#3ee82e rgb(62,232,46)
```
#4eea3f
```
#4eea3f rgb(78,234,63)
```
#5fec51
```
#5fec51 rgb(95,236,81)
```
#6fee63
```
#6fee63 rgb(111,238,99)
```
#7ff074
```
#7ff074 rgb(127,240,116)
```
#90f186
```
#90f186 rgb(144,241,134)
```
#a0f398
```
#a0f398 rgb(160,243,152)
```
#b0f5a9
```
#b0f5a9 rgb(176,245,169)
```
#c0f7bb
```
#c0f7bb rgb(192,247,187)
```
#d1f9cd
```
#d1f9cd rgb(209,249,205)
```
#e1fbde
```
#e1fbde rgb(225,251,222)
```
#f1fdf0
```
#f1fdf0 rgb(241,253,240)
```

Tint Color Variation

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

#616661
```
#616661 rgb(97,102,97)
```
#5b6e59
```
#5b6e59 rgb(91,110,89)
```
#547651
```
#547651 rgb(84,118,81)
```
#4e7d4a
```
#4e7d4a rgb(78,125,74)
```
#488542
```
#488542 rgb(72,133,66)
```
#428d3a
```
#428d3a rgb(66,141,58)
```
#3b9433
```
#3b9433 rgb(59,148,51)
```
#359c2b
```
#359c2b rgb(53,156,43)
```
#2fa423
```
#2fa423 rgb(47,164,35)
```
#28ab1c
```
#28ab1c rgb(40,171,28)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#1cbb0c
```
#1cbb0c rgb(28,187,12)
```
#15c205
```
#15c205 rgb(21,194,5)
```

Tone Color Variation

Below, you can see how #22b314 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

#767676 Achromatopsia 0.005% of the population
#658262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a018 Protanopia 1% of men
#c69836 Deuteranopia 1% of men
#5faab7 Tritanopia 0.001% of the population

Trichromacy

#7ea717 Protanomaly 1% of men, 0.01% of women
#8aa229 Deuteranomaly 6% of men, 0.4% of women
#49ad7b Tritanomaly 0.01% of the population