#22b14a hex color

In a RGB color space, hex #22b14a is composed of 13.3% red, 69.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 58.2% yellow and 30.6% black. It has a hue angle of 136.8 degrees, a saturation of 67.8% and a lightness of 41.4%. #22b14a color hex could be obtained by blending #44ff94 with #006300. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 69
- B 29
RGB color chart
- C 81
- M 0
- Y 58
- K 31
CMYK color chart

● #22b14a color description : Dark cyan - lime green.

The hexadecimal color #22b14a has RGB values of R:34, G:177, B:74 and CMYK values of C:0.81, M:0, Y:0.58, K:0.31. Its decimal value is 2273610.

Hex triplet	22b14a	`#22b14a`
RGB Decimal	34, 177, 74	`rgb(34,177,74)`
RGB Percent	13.3, 69.4, 29	`rgb(13.3%,69.4%,29%)`
CMYK	81, 0, 58, 31
HSL	136.8°, 67.8, 41.4	`hsl(136.8,67.8%,41.4%)`
HSV (or HSB)	136.8°, 80.8, 69.4
Web Safe	339933	`#339933`

CIE-LAB	63.571, -57.9, 41.892
XYZ	17.617, 32.277, 11.78
xyY	0.286, 0.523, 32.277
CIE-LCH	63.571, 71.466, 144.113
CIE-LUV	63.571, -55.076, 59.922
Hunter-Lab	56.813, -44.072, 27.476
Binary	00100010, 10110001, 01001010

#22b14a
```
#22b14a rgb(34,177,74)
```
#b12289
```
#b12289 rgb(177,34,137)
```

Complementary Color

#41b122
```
#41b122 rgb(65,177,34)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#22b192
```
#22b192 rgb(34,177,146)
```

Analogous Color

#b12241
```
#b12241 rgb(177,34,65)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#9222b1
```
#9222b1 rgb(146,34,177)
```

Split Complementary Color

#b14a22
```
#b14a22 rgb(177,74,34)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#4a22b1
```
#4a22b1 rgb(74,34,177)
```

Triadic Color

#89b122
```
#89b122 rgb(137,177,34)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#4a22b1
```
#4a22b1 rgb(74,34,177)
```
#b12289
```
#b12289 rgb(177,34,137)
```

Tetradic Color

#16712f
```
#16712f rgb(22,113,47)
```
#1a8638
```
#1a8638 rgb(26,134,56)
```
#1e9c41
```
#1e9c41 rgb(30,156,65)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#26c653
```
#26c653 rgb(38,198,83)
```
#2fd75e
```
#2fd75e rgb(47,215,94)
```
#44db6f
```
#44db6f rgb(68,219,111)
```

Monochromatic Color

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

#22b126
```
#22b126 rgb(34,177,38)
```
#22b132
```
#22b132 rgb(34,177,50)
```
#22b13e
```
#22b13e rgb(34,177,62)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#22b156
```
#22b156 rgb(34,177,86)
```
#22b162
```
#22b162 rgb(34,177,98)
```
#22b16e
```
#22b16e rgb(34,177,110)
```

Similar Colors

Text with hexadecimal color #22b14a

This text has a font color of #22b14a.

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

#22b14a background color

This paragraph has a background color of #22b14a.

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

#22b14a border color

This element has a border color of #22b14a.

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

CSS codes

.text {color:#22b14a;}

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

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

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, #020c05 is the darkest color, while #fbfefc is the lightest one.

#020c05
```
#020c05 rgb(2,12,5)
```
#061d0c
```
#061d0c rgb(6,29,12)
```
#092d13
```
#092d13 rgb(9,45,19)
```
#0c3e1a
```
#0c3e1a rgb(12,62,26)
```
#0f4e21
```
#0f4e21 rgb(15,78,33)
```
#125f28
```
#125f28 rgb(18,95,40)
```
#156f2e
```
#156f2e rgb(21,111,46)
```
#198035
```
#198035 rgb(25,128,53)
```
#1c903c
```
#1c903c rgb(28,144,60)
```
#1fa143
```
#1fa143 rgb(31,161,67)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#25c151
```
#25c151 rgb(37,193,81)
```
#28d258
```
#28d258 rgb(40,210,88)
```

Shade Color Variation

#36d863
```
#36d863 rgb(54,216,99)
```
#46db70
```
#46db70 rgb(70,219,112)
```
#56df7d
```
#56df7d rgb(86,223,125)
```
#67e289
```
#67e289 rgb(103,226,137)
```
#77e596
```
#77e596 rgb(119,229,150)
```
#88e8a3
```
#88e8a3 rgb(136,232,163)
```
#98ebaf
```
#98ebaf rgb(152,235,175)
```
#a9eebc
```
#a9eebc rgb(169,238,188)
```
#b9f2c9
```
#b9f2c9 rgb(185,242,201)
```
#caf5d6
```
#caf5d6 rgb(202,245,214)
```
#daf8e2
```
#daf8e2 rgb(218,248,226)
```
#ebfbef
```
#ebfbef rgb(235,251,239)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#637067
```
#637067 rgb(99,112,103)
```
#5b7863
```
#5b7863 rgb(91,120,99)
```
#53805f
```
#53805f rgb(83,128,95)
```
#4b885c
```
#4b885c rgb(75,136,92)
```
#429158
```
#429158 rgb(66,145,88)
```
#3a9955
```
#3a9955 rgb(58,153,85)
```
#32a151
```
#32a151 rgb(50,161,81)
```
#2aa94e
```
#2aa94e rgb(42,169,78)
```
#22b14a
```
#22b14a rgb(34,177,74)
```
#1ab946
```
#1ab946 rgb(26,185,70)
```
#12c143
```
#12c143 rgb(18,193,67)
```
#0ac93f
```
#0ac93f rgb(10,201,63)
```
#02d13c
```
#02d13c rgb(2,209,60)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#698671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9f4c Protanopia 1% of men
#c0985e Deuteranopia 1% of men
#5aaab7 Tritanopia 0.001% of the population

Trichromacy

#7ca54b Protanomaly 1% of men, 0.01% of women
#86a156 Deuteranomaly 6% of men, 0.4% of women
#45ac8f Tritanomaly 0.01% of the population

#22b14a hex color

#22b14a Color Information

#22b14a Color Conversion

Color Schemes with #22b14a

Alternatives to #22b14a

#22b14a Preview

Shades and Tints of #22b14a

Tones of #22b14a

Color Blindness Simulator